@inspectorhub/field-ui 0.6.2 → 0.7.0

package/dist/{data-source-Do9_Rv50.d.ts → data-source-C64MWI32.d.ts}

@@ -1109,13 +1109,22 @@ interface PendingMediaTarget {
  * `upload-photo` form fields of the inspection-edit action: `itemId` always;
  * `customId` and `defectKind` only with `targetType: 'defect'`.
  */
-type PhotoUploadMeta = (PendingMediaTarget & {
+type PhotoUploadMeta = (PendingMediaTarget & PhotoSourceField & {
     targetType: 'item';
-}) | (PendingMediaTarget & {
+}) | (PendingMediaTarget & PhotoSourceField & {
     targetType: 'defect';
     customId: string;
     defectKind: 'canned' | 'custom';
 });
+/**
+ * Where a photo came from: the camera input ('camera'), the in-editor burst camera ('burst'), or the device's photo
+ * library ('library'). A host that copies new photos to the device gallery skips 'library', which is already there.
+ */
+type PhotoSource = 'camera' | 'library' | 'burst';
+/** The editor always sets `source`; it is optional in the type so a host's own fixtures and older records still fit. */
+interface PhotoSourceField {
+    source?: PhotoSource;
+}
 /**
  * A baked crop of an existing photo. Cropping always re-derives from the ORIGINAL `photoKey`.
  *
@@ -1602,5 +1611,5 @@ interface FieldDataSource {
     platform: 'web' | 'ios' | 'android';
 }
 
-export { METADATA_PRESETS as M, isDecodeImageError as ax, resolvePcaNarrative as ay, DecodeImageError as t };
-export type { PropertyMetaField as $, AiAssistInput as A, BulkCreateUnitsBody as B, CommandResult as C, DateFormat as D, EditorData as E, FieldCommand as F, FieldResources as G, FieldUrls as H, InspectionPrefs as I, GalleryPhoto as J, InspectionUnit as K, MediaFileResult as L, MediaPoolListing as N, MediaUploader as O, NotifyOptions as P, NotifyVariant as Q, OutboundCoolingWindow as R, PcaNarrative as S, PcaNarrativeData as T, PendingMediaRecord as U, PendingMediaStore as V, PhotoAnnotateMeta as W, PhotoCropMeta as X, PhotoCropTransform as Y, PhotoSize as Z, PhotoUploadMeta as _, CommandData as a, PsqView as a0, PublishBlockingDefect as a1, PublishReadiness as a2, RatingLevel as a3, RelianceText as a4, RepairItemOption as a5, ReportLinkTtl as a6, ReportProfileOption as a7, ReportSignoffView as a8, ResultMap as a9, ResultsDocHandle as aa, RevisionStatus as ab, SaveStructureTemplateCommand as ac, SchemaItem as ad, SchemaSection as ae, SessionInfo as af, SettingsSheetData as ag, StatutoryCoverage as ah, StatutoryDetails as ai, TagLibraryEntry as aj, TemplateItemBody as ak, TemplateSchema as al, TemplateSearchResult as am, TemplateSnapshot as an, TemplateSummary as ao, TimeFormat as ap, UnitCommand as aq, UnitProgress as ar, VersionSnapshotContent as as, VersionSnapshotEntry as at, VideoFinalizeInput as au, VideoUploadRef as av, VideoUploadTicket as aw, FieldDataSource as b, AiAssistResult as c, AutoAdvanceMode as d, AutofillReason as e, CollabConnector as f, CommandDataMap as g, CommandKey as h, CommentsLibraryEntry as i, CommentsLibraryQuery as j, CommentsLibraryRow as k, CommercialPresets as l, ComplianceCommand as m, CompliancePanelData as n, CostItemView as o, CostItemWrite as p, CostItemsListing as q, CoverPhotoOption as r, DecodeImage as s, DecodeImageOptions as u, DecodedImage as v, DefectCategory as w, DocumentReviewItemView as x, EditorInspection as y, ExecuteOptions as z };
+export { METADATA_PRESETS as M, isDecodeImageError as aA, resolvePcaNarrative as aB, DecodeImageError as u };
+export type { PhotoSize as $, AiAssistInput as A, BulkCreateUnitsBody as B, CommandResult as C, DateFormat as D, EditorData as E, FieldCommand as F, ExecuteOptions as G, FieldResources as H, InspectionPrefs as I, FieldUrls as J, GalleryPhoto as K, InspectionUnit as L, MediaFileResult as N, MediaPoolListing as O, PhotoEntry as P, MediaUploader as Q, NotifyOptions as R, NotifyVariant as S, OutboundCoolingWindow as T, PcaNarrative as U, PcaNarrativeData as V, PendingMediaRecord as W, PendingMediaStore as X, PhotoAnnotateMeta as Y, PhotoCropMeta as Z, PhotoCropTransform as _, CommandData as a, PhotoSource as a0, PhotoUploadMeta as a1, PropertyMetaField as a2, PsqView as a3, PublishBlockingDefect as a4, PublishReadiness as a5, RatingLevel as a6, RelianceText as a7, RepairItemOption as a8, ReportLinkTtl as a9, ReportProfileOption as aa, ReportSignoffView as ab, ResultMap as ac, ResultsDocHandle as ad, RevisionStatus as ae, SaveStructureTemplateCommand as af, SchemaItem as ag, SchemaSection as ah, SessionInfo as ai, SettingsSheetData as aj, StatutoryCoverage as ak, StatutoryDetails as al, TagLibraryEntry as am, TemplateItemBody as an, TemplateSchema as ao, TemplateSearchResult as ap, TemplateSnapshot as aq, TemplateSummary as ar, TimeFormat as as, UnitCommand as at, UnitProgress as au, VersionSnapshotContent as av, VersionSnapshotEntry as aw, VideoFinalizeInput as ax, VideoUploadRef as ay, VideoUploadTicket as az, FieldDataSource as b, FindingKey as c, AiAssistResult as d, AutoAdvanceMode as e, AutofillReason as f, CollabConnector as g, CommandDataMap as h, CommandKey as i, CommentsLibraryEntry as j, CommentsLibraryQuery as k, CommentsLibraryRow as l, CommercialPresets as m, ComplianceCommand as n, CompliancePanelData as o, CostItemView as p, CostItemWrite as q, CostItemsListing as r, CoverPhotoOption as s, DecodeImage as t, DecodeImageOptions as v, DecodedImage as w, DefectCategory as x, DocumentReviewItemView as y, EditorInspection as z };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldCommand, C as CommandResult, a as CommandData, b as FieldDataSource, E as EditorData, I as InspectionPrefs } from './data-source-Do9_Rv50.js';
-export { A as AiAssistInput, c as AiAssistResult, d as AutoAdvanceMode, e as AutofillReason, B as BulkCreateUnitsBody, f as CollabConnector, g as CommandDataMap, h as CommandKey, i as CommentsLibraryEntry, j as CommentsLibraryQuery, k as CommentsLibraryRow, l as CommercialPresets, m as ComplianceCommand, n as CompliancePanelData, o as CostItemView, p as CostItemWrite, q as CostItemsListing, r as CoverPhotoOption, D as DateFormat, s as DecodeImage, t as DecodeImageError, u as DecodeImageOptions, v as DecodedImage, w as DefectCategory, x as DocumentReviewItemView, y as EditorInspection, z as ExecuteOptions, G as FieldResources, H as FieldUrls, J as GalleryPhoto, K as InspectionUnit, M as METADATA_PRESETS, L as MediaFileResult, N as MediaPoolListing, O as MediaUploader, P as NotifyOptions, Q as NotifyVariant, R as OutboundCoolingWindow, S as PcaNarrative, T as PcaNarrativeData, U as PendingMediaRecord, V as PendingMediaStore, W as PhotoAnnotateMeta, X as PhotoCropMeta, Y as PhotoCropTransform, Z as PhotoSize, _ as PhotoUploadMeta, $ as PropertyMetaField, a0 as PsqView, a1 as PublishBlockingDefect, a2 as PublishReadiness, a3 as RatingLevel, a4 as RelianceText, a5 as RepairItemOption, a6 as ReportLinkTtl, a7 as ReportProfileOption, a8 as ReportSignoffView, a9 as ResultMap, aa as ResultsDocHandle, ab as RevisionStatus, ac as SaveStructureTemplateCommand, ad as SchemaItem, ae as SchemaSection, af as SessionInfo, ag as SettingsSheetData, ah as StatutoryCoverage, ai as StatutoryDetails, aj as TagLibraryEntry, ak as TemplateItemBody, al as TemplateSchema, am as TemplateSearchResult, an as TemplateSnapshot, ao as TemplateSummary, ap as TimeFormat, aq as UnitCommand, ar as UnitProgress, as as VersionSnapshotContent, at as VersionSnapshotEntry, au as VideoFinalizeInput, av as VideoUploadRef, aw as VideoUploadTicket, ax as isDecodeImageError, ay as resolvePcaNarrative } from './data-source-Do9_Rv50.js';
+import { F as FieldCommand, C as CommandResult, a as CommandData, b as FieldDataSource, E as EditorData, c as FindingKey, P as PhotoEntry, I as InspectionPrefs } from './data-source-C64MWI32.js';
+export { A as AiAssistInput, d as AiAssistResult, e as AutoAdvanceMode, f as AutofillReason, B as BulkCreateUnitsBody, g as CollabConnector, h as CommandDataMap, i as CommandKey, j as CommentsLibraryEntry, k as CommentsLibraryQuery, l as CommentsLibraryRow, m as CommercialPresets, n as ComplianceCommand, o as CompliancePanelData, p as CostItemView, q as CostItemWrite, r as CostItemsListing, s as CoverPhotoOption, D as DateFormat, t as DecodeImage, u as DecodeImageError, v as DecodeImageOptions, w as DecodedImage, x as DefectCategory, y as DocumentReviewItemView, z as EditorInspection, G as ExecuteOptions, H as FieldResources, J as FieldUrls, K as GalleryPhoto, L as InspectionUnit, M as METADATA_PRESETS, N as MediaFileResult, O as MediaPoolListing, Q as MediaUploader, R as NotifyOptions, S as NotifyVariant, T as OutboundCoolingWindow, U as PcaNarrative, V as PcaNarrativeData, W as PendingMediaRecord, X as PendingMediaStore, Y as PhotoAnnotateMeta, Z as PhotoCropMeta, _ as PhotoCropTransform, $ as PhotoSize, a0 as PhotoSource, a1 as PhotoUploadMeta, a2 as PropertyMetaField, a3 as PsqView, a4 as PublishBlockingDefect, a5 as PublishReadiness, a6 as RatingLevel, a7 as RelianceText, a8 as RepairItemOption, a9 as ReportLinkTtl, aa as ReportProfileOption, ab as ReportSignoffView, ac as ResultMap, ad as ResultsDocHandle, ae as RevisionStatus, af as SaveStructureTemplateCommand, ag as SchemaItem, ah as SchemaSection, ai as SessionInfo, aj as SettingsSheetData, ak as StatutoryCoverage, al as StatutoryDetails, am as TagLibraryEntry, an as TemplateItemBody, ao as TemplateSchema, ap as TemplateSearchResult, aq as TemplateSnapshot, ar as TemplateSummary, as as TimeFormat, at as UnitCommand, au as UnitProgress, av as VersionSnapshotContent, aw as VersionSnapshotEntry, ax as VideoFinalizeInput, ay as VideoUploadRef, az as VideoUploadTicket, aA as isDecodeImageError, aB as resolvePcaNarrative } from './data-source-C64MWI32.js';
 import * as React from 'react';
 import { ReactNode } from 'react';
 import * as Y from 'yjs';
@@ -189,6 +189,45 @@ declare function resolvePendingPhoto(doc: Y.Doc, findingKey: string, pendingId:
     annotatedKey?: string;
 }): void;
 
+/**
+ * Pure Yjs helpers for the inspection results collaborative document.
+ *
+ * No DB, no I/O — all functions operate on a Y.Doc in memory.
+ * A Durable Object will call these helpers to manage the live document state.
+ *
+ * The three exports implement Condition A of the migration design (#181):
+ *   - `seedResultsDoc`  — pre-creates full nested structure so two clients can
+ *     never lazily create the same Y.Map and race to overwrite each other.
+ *   - `applyItemPatch`  — mutates a single field inside a transaction.
+ *   - `projectResults`  — converts the Y.Doc to the exact `inspection_results.data`
+ *     JSON shape that existing readers (report service, PDF renderer) consume,
+ *     omitting empty optionals so the output matches the legacy blob.
+ */
+
+/**
+ * Public API for hosts (re-exported from the package root), not only a test helper:
+ * a by-`key` upsert, so the same key twice is one entry.
+ * Append (or merge) a photo into the item's `photos` Y.Array.
+ * If a photo Y.Map with the same `key` exists, its fields are replaced/merged;
+ * otherwise a new photo Y.Map is pushed.
+ */
+declare function appendPhoto(doc: Y.Doc, findingKey: FindingKey, photo: PhotoEntry): void;
+/**
+ * #181 PR-G — push a brand-new PENDING photo entry, deduped by `pendingId`
+ * (NOT by `key`).
+ *
+ * Public API for hosts (re-exported from the package root), not only a test helper:
+ * a by-`pendingId` upsert.
+ *
+ * A brand-new offline photo has an EMPTY `key`, so `appendPhoto`'s upsert-by-key
+ * would merge two concurrent offline adds into one element. This mutator instead
+ * keys on the unique `pendingId`: an entry with the same `pendingId` is merged,
+ * otherwise a fresh element is pushed — so two offline adds yield two entries.
+ */
+declare function pushPendingPhoto(doc: Y.Doc, findingKey: FindingKey, photo: PhotoEntry & {
+    pendingId: string;
+}): void;
+
 /**
  * Commercial PCA Phase M — seeded reliance / point-in-time / site-specific
  * disclaimer text (ASTM §4.2.1–4.2.4). Defaults the Phase S §2.5 (User Reliance)
@@ -238,5 +277,5 @@ declare function setFieldLocale(locale: string): void;
  */
 declare function bindFieldLocaleSource(read: (() => string) | null): void;
 
-export { CommandData, CommandResult, DEFAULT_INSPECTION_PREFS, EditorData, FieldCommand, FieldDataSource, FieldDataSourceProvider, FieldEditor, InspectionPrefs, RELIANCE_TEMPLATES, appendPendingPhoto, bindFieldLocaleSource, escapeWillBeHandled, findingKey, findingsForUnit, hasOpenLayer, isIgnored, isMetaKey, resolvePendingPhoto, setFieldLocale, useFieldCommand, useFieldDataSource, useFieldEnsureHuman, useFieldSlots };
+export { CommandData, CommandResult, DEFAULT_INSPECTION_PREFS, EditorData, FieldCommand, FieldDataSource, FieldDataSourceProvider, FieldEditor, FindingKey, InspectionPrefs, PhotoEntry, RELIANCE_TEMPLATES, appendPendingPhoto, appendPhoto, bindFieldLocaleSource, escapeWillBeHandled, findingKey, findingsForUnit, hasOpenLayer, isIgnored, isMetaKey, pushPendingPhoto, resolvePendingPhoto, setFieldLocale, useFieldCommand, useFieldDataSource, useFieldEnsureHuman, useFieldSlots };
 export type { FieldCommandRunner, FieldDataSourceProviderProps, FieldHostSlots, FieldRunResult, IgnoredRun };

package/dist/index.js

@@ -69610,7 +69610,7 @@ function newPendingId() {
   return `photo-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 function metaOf(batch) {
-  const base = { findingKey: batch.findingKey, itemId: batch.itemId };
+  const base = { findingKey: batch.findingKey, itemId: batch.itemId, source: batch.source };
   return batch.target === null ? { ...base, targetType: "item" } : { ...base, targetType: "defect", customId: batch.target.id, defectKind: batch.target.kind };
 }
 function usePhotoBatchUpload(inspectionId, doc) {
@@ -70127,7 +70127,7 @@ async function addOfflinePhotos(store, doc, target, files) {
         inspectionId: target.inspectionId,
         kind: "photo",
         blob,
-        meta: { targetType: "item", findingKey: target.findingKey, itemId: target.itemId },
+        meta: { targetType: "item", findingKey: target.findingKey, itemId: target.itemId, source: target.source },
         createdAt: Date.now()
       });
       stored = true;
@@ -73578,18 +73578,22 @@ function ItemPhotoStrip({
               dk || p.pendingId || `idx-${i}`
             );
           }),
-          onAddPhoto && /* @__PURE__ */ jsx59(
+          onAddPhoto && /* @__PURE__ */ jsxs47(
             "button",
             {
               type: "button",
-              ...pendingProps(photoUploading, onAddPhoto),
+              onClick: onAddPhoto,
+              "aria-busy": photoUploading ? true : void 0,
               "aria-label": index_exports.media_strip_add_photo_aria(),
               "data-testid": "photo-add",
-              className: `strip-add w-16 h-16 shrink-0 rounded-lg border-2 border-dashed border-ih-border flex items-center justify-center text-ih-fg-4 hover:border-ih-primary hover:text-ih-primary-text transition-colors ${PENDING_CLASS}`,
-              children: photoUploading ? /* @__PURE__ */ jsxs47("svg", { className: "w-5 h-5 animate-spin", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx59("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-                /* @__PURE__ */ jsx59("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
-              ] }) : /* @__PURE__ */ jsx59("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx59("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) })
+              className: "strip-add relative w-16 h-16 shrink-0 rounded-lg border-2 border-dashed border-ih-border flex items-center justify-center text-ih-fg-4 hover:border-ih-primary hover:text-ih-primary-text transition-colors",
+              children: [
+                /* @__PURE__ */ jsx59("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx59("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }),
+                photoUploading && /* @__PURE__ */ jsxs47("svg", { "data-testid": "photo-add-uploading", className: "absolute right-1 top-1 w-3.5 h-3.5 animate-spin text-ih-primary-text", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx59("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                  /* @__PURE__ */ jsx59("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
+                ] })
+              ]
             }
           )
         ]
@@ -74098,14 +74102,18 @@ function ItemEditor({
     return Array.isArray(row?.photos) ? row.photos.length : 0;
   };
   const addPhotoIcon = /* @__PURE__ */ jsx64("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx64("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }) });
+  const uploadingIcon = /* @__PURE__ */ jsxs52("svg", { "data-testid": "defect-photo-uploading", className: "w-3.5 h-3.5 animate-spin text-ih-primary-text", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx64("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    /* @__PURE__ */ jsx64("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })
+  ] });
   const defectPhotoChip = (target, count) => onAddDefectPhoto ? /* @__PURE__ */ jsx64(
     Button,
     {
       variant: "ghost",
       size: "sm",
-      pending: photoUploading,
+      "aria-busy": photoUploading ? true : void 0,
       "aria-label": index_exports.editor_item_add_defect_photo_aria(),
-      icon: addPhotoIcon,
+      icon: photoUploading ? uploadingIcon : addPhotoIcon,
       onClick: (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -74542,6 +74550,9 @@ import Lightbox from "yet-another-react-lightbox";
 import Zoom from "yet-another-react-lightbox/plugins/zoom";
 import "yet-another-react-lightbox/styles.css";
 import { jsx as jsx68 } from "react/jsx-runtime";
+var SAFE_AREA_TOOLBAR_PADDING = {
+  "--yarl__toolbar_padding": "calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left))"
+};
 function PhotoLightbox({ slides, index, open, onClose, toolbarButtons, toolbarWrap, renderSlide }) {
   useLayer(open, { onEscape: onClose, lockScroll: true, traps: true });
   return /* @__PURE__ */ jsx68(
@@ -74554,7 +74565,7 @@ function PhotoLightbox({ slides, index, open, onClose, toolbarButtons, toolbarWr
       plugins: [Zoom],
       zoom: { maxZoomPixelRatio: 3, doubleTapDelay: 300, pinchZoomDistanceFactor: 100 },
       toolbar: { buttons: [...toolbarButtons ?? [], "close"] },
-      ...toolbarWrap ? { styles: { toolbar: { flexWrap: "wrap", left: 0 } } } : {},
+      styles: { toolbar: { ...toolbarWrap ? { flexWrap: "wrap", left: 0 } : {}, ...SAFE_AREA_TOOLBAR_PADDING } },
       render: renderSlide ? { slide: ({ slide }) => renderSlide(slide) || void 0 } : void 0
     }
   );
@@ -81290,7 +81301,22 @@ function InspectionIdentity({ address, id, date, status }) {
 
 // src/components/editor/MobileDrawerTriggers.tsx
 import { useEffect as useEffect49 } from "react";
-import { jsx as jsx119, jsxs as jsxs100 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx119, jsxs as jsxs100 } from "react/jsx-runtime";
+var TAB_ICONS = {
+  sections: /* @__PURE__ */ jsx119("path", { d: "M4 6h16M4 12h16M4 18h16" }),
+  items: /* @__PURE__ */ jsx119("path", { d: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01" }),
+  preview: /* @__PURE__ */ jsxs100(Fragment32, { children: [
+    /* @__PURE__ */ jsx119("path", { d: "M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z" }),
+    /* @__PURE__ */ jsx119("circle", { cx: "12", cy: "12", r: "3" })
+  ] }),
+  theme: /* @__PURE__ */ jsxs100(Fragment32, { children: [
+    /* @__PURE__ */ jsx119("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx119("path", { d: "M12 3a9 9 0 0 1 0 18z", fill: "currentColor" })
+  ] })
+};
+function TabIcon({ id }) {
+  return /* @__PURE__ */ jsx119("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", focusable: "false", children: TAB_ICONS[id] });
+}
 var mountedNavs = 0;
 function MobileDrawerTriggers({ onOpen, showTheme = true }) {
   useEffect49(() => {
@@ -81302,17 +81328,17 @@ function MobileDrawerTriggers({ onOpen, showTheme = true }) {
     };
   }, []);
   return /* @__PURE__ */ jsx119("nav", { "aria-label": index_exports.editor_mobile_nav_label(), className: "fixed left-0 right-0 bottom-0 z-30 h-[var(--ih-mobile-nav-h)] 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}" },
-    { id: "theme", label: index_exports.nav_theme_label(), icon: "\u25D0" }
+    { id: "sections", label: index_exports.editor_mobile_drawer_sections(), icon: "sections" },
+    { id: "items", label: index_exports.editor_mobile_drawer_items(), icon: "items" },
+    { id: "preview", label: index_exports.editor_route_drawer_preview(), icon: "preview" },
+    { id: "theme", label: index_exports.nav_theme_label(), icon: "theme" }
   ].filter((t) => showTheme || t.id !== "theme").map((t) => /* @__PURE__ */ jsxs100(
     "button",
     {
       onClick: () => onOpen(t.id),
       className: "flex-1 min-h-11 touch-manipulation flex flex-col items-center justify-center text-ih-fg-2 hover:bg-ih-bg-muted active:bg-ih-bg-muted",
       children: [
-        /* @__PURE__ */ jsx119("span", { className: "text-[16px]", "aria-hidden": "true", children: t.icon }),
+        /* @__PURE__ */ jsx119("span", { className: "flex h-5 items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx119(TabIcon, { id: t.icon }) }),
         /* @__PURE__ */ jsx119("span", { className: "text-[10px] uppercase tracking-[0.1em]", children: t.label })
       ]
     },
@@ -81321,7 +81347,7 @@ function MobileDrawerTriggers({ onOpen, showTheme = true }) {
 }
 
 // src/components/editor/MobileFinishDrawer.tsx
-import { Fragment as Fragment32, jsx as jsx120, jsxs as jsxs101 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx120, jsxs as jsxs101 } from "react/jsx-runtime";
 function MobileFinishDrawer({
   open,
   onClose,
@@ -81362,7 +81388,7 @@ function MobileFinishDrawer({
   if (onUpdateSourceTemplate) templateRows.push({ label: index_exports.template_menu_update_source(), run: onUpdateSourceTemplate });
   const groupHeading = "px-1 pt-3 pb-1 text-[12px] font-bold text-ih-fg-2";
   return /* @__PURE__ */ jsx120(MobileBottomDrawer, { open, onClose, title: index_exports.editor_mobile_more(), heightFraction: 0.8, children: /* @__PURE__ */ jsxs101("div", { className: "p-4 space-y-2 pb-[calc(1rem+env(safe-area-inset-bottom))]", children: [
-    !readOnly && /* @__PURE__ */ jsxs101(Fragment32, { children: [
+    !readOnly && /* @__PURE__ */ jsxs101(Fragment33, { children: [
       /* @__PURE__ */ jsx120(Button, { variant: "primary", className: row, onClick: () => run(onPublish), children: index_exports.editor_header_publish() }),
       /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, onClick: () => run(onSign), children: index_exports.editor_header_sign() })
     ] }),
@@ -81377,20 +81403,20 @@ function MobileFinishDrawer({
       }
     ),
     onPreviewReport && /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, onClick: () => run(onPreviewReport), children: index_exports.editor_header_preview_report() }),
-    onPreviewPdf && /* @__PURE__ */ jsxs101(Fragment32, { children: [
+    onPreviewPdf && /* @__PURE__ */ jsxs101(Fragment33, { children: [
       /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, pending: pdfBusy, onClick: () => run(onPreviewPdf), children: pdfLabel ?? index_exports.editor_header_preview_pdf_short() }),
       pdfError && /* @__PURE__ */ jsx120("p", { className: "px-1 text-[12px] text-ih-bad-fg", children: pdfError })
     ] }),
-    (onSpeedMode || onBurstCamera) && /* @__PURE__ */ jsxs101(Fragment32, { children: [
+    (onSpeedMode || onBurstCamera) && /* @__PURE__ */ jsxs101(Fragment33, { children: [
       /* @__PURE__ */ jsx120("h3", { className: groupHeading, children: index_exports.editor_mobile_group_capture() }),
       onSpeedMode && /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, onClick: () => run(onSpeedMode), children: index_exports.editor_dock_speed_mode() }),
       onBurstCamera && /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, onClick: () => run(onBurstCamera), children: index_exports.editor_mobile_burst_camera() })
     ] }),
-    inspectionRows.length > 0 && /* @__PURE__ */ jsxs101(Fragment32, { children: [
+    inspectionRows.length > 0 && /* @__PURE__ */ jsxs101(Fragment33, { children: [
       /* @__PURE__ */ jsx120("h3", { className: groupHeading, children: index_exports.editor_mobile_group_inspection() }),
       inspectionRows.map((r) => /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, onClick: () => run(r.run), children: r.label }, r.label))
     ] }),
-    templateRows.length > 0 && /* @__PURE__ */ jsxs101(Fragment32, { children: [
+    templateRows.length > 0 && /* @__PURE__ */ jsxs101(Fragment33, { children: [
       /* @__PURE__ */ jsx120("h3", { className: groupHeading, children: index_exports.template_menu_template() }),
       templateRows.map((r) => /* @__PURE__ */ jsx120(Button, { variant: "secondary", className: row, onClick: () => run(r.run), children: r.label }, r.label))
     ] }),
@@ -81800,7 +81826,7 @@ function PcaNarrativePanel({ inspectionId, narrative }) {
 import { useRef as useRef61, useState as useState60 } from "react";
 
 // src/components/ConfirmDialog.tsx
-import { Fragment as Fragment33, jsx as jsx126, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx126, jsxs as jsxs106 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   title,
@@ -81822,7 +81848,7 @@ function ConfirmDialog({
       onClose: onCancel,
       title,
       size: "sm",
-      footer: /* @__PURE__ */ jsxs106(Fragment33, { children: [
+      footer: /* @__PURE__ */ jsxs106(Fragment34, { children: [
         /* @__PURE__ */ jsx126(
           "button",
           {
@@ -81851,7 +81877,7 @@ function ConfirmDialog({
 }
 
 // src/components/inspection-edit/CompliancePanel.tsx
-import { Fragment as Fragment34, jsx as jsx127, jsxs as jsxs107 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx127, jsxs as jsxs107 } from "react/jsx-runtime";
 function roleLabel(role) {
   return role === "field_observer" ? index_exports.editor_compliance_role_field_observer() : index_exports.editor_compliance_role_pcr_reviewer();
 }
@@ -82091,7 +82117,7 @@ function PsqPanel({ inspectionId, psq }) {
         onClose: () => setDeclineOpen(false),
         title: index_exports.editor_compliance_decline_psq_title(),
         size: "sm",
-        footer: /* @__PURE__ */ jsxs107(Fragment34, { children: [
+        footer: /* @__PURE__ */ jsxs107(Fragment35, { children: [
           /* @__PURE__ */ jsx127(Button, { variant: "ghost", onClick: () => setDeclineOpen(false), children: index_exports.common_cancel() }),
           /* @__PURE__ */ jsx127(Button, { variant: "danger", onClick: confirmDecline, children: index_exports.editor_compliance_decline() })
         ] }),
@@ -82355,7 +82381,7 @@ var INSPECTION_PROPERTY_TYPES = [
 ];
 
 // src/components/editor/PropertyTypeControl.tsx
-import { Fragment as Fragment35, jsx as jsx129, jsxs as jsxs109 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx129, jsxs as jsxs109 } from "react/jsx-runtime";
 var LABELS = {
   single_family: () => index_exports.editor_property_type_single_family(),
   multi_unit: () => index_exports.editor_property_type_multi_unit(),
@@ -82427,7 +82453,7 @@ function PropertyTypeControl({
       setPending(null);
     }
   }, [pending, busy, propertyType]);
-  return /* @__PURE__ */ jsxs109(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs109(Fragment36, { children: [
     /* @__PURE__ */ jsx129(
       Select,
       {
@@ -82451,7 +82477,7 @@ function PropertyTypeControl({
         onClose: () => setPending(null),
         title: index_exports.editor_property_type_lossy_title(),
         size: "sm",
-        footer: /* @__PURE__ */ jsxs109(Fragment35, { children: [
+        footer: /* @__PURE__ */ jsxs109(Fragment36, { children: [
           /* @__PURE__ */ jsx129(Button, { variant: "ghost", onClick: () => setPending(null), children: index_exports.common_cancel() }),
           /* @__PURE__ */ jsx129(
             Button,
@@ -82486,7 +82512,7 @@ function PropertyTypeControl({
 }
 
 // src/components/editor/InspectionOverview.tsx
-import { Fragment as Fragment36, jsx as jsx130, jsxs as jsxs110 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx130, jsxs as jsxs110 } from "react/jsx-runtime";
 function InspectionOverview({
   inspection,
   templateFields,
@@ -82505,7 +82531,7 @@ function InspectionOverview({
   const bag = inspection;
   const isCommercial = bag.propertyType === "commercial";
   const reportTier = bag.reportTier ?? null;
-  return /* @__PURE__ */ jsxs110(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs110(Fragment37, { children: [
     /* @__PURE__ */ jsx130(
       PropertyInfoForm,
       {
@@ -82522,7 +82548,7 @@ function InspectionOverview({
         previewHref: urls.statutoryPreviewPdf(String(bag.id))
       }
     ),
-    !readOnly && /* @__PURE__ */ jsxs110(Fragment36, { children: [
+    !readOnly && /* @__PURE__ */ jsxs110(Fragment37, { children: [
       /* @__PURE__ */ jsx130(StatutoryDetailsHost, { inspectionId: String(bag.id), details: statutoryDetails }),
       /* @__PURE__ */ jsx130("div", { className: "mt-8 border-t border-ih-border pt-6", children: /* @__PURE__ */ jsx130(
         PropertyTypeControl,
@@ -82554,7 +82580,7 @@ function InspectionOverview({
 
 // src/components/editor/BreadcrumbDropdown.tsx
 import { useRef as useRef63, useState as useState62 } from "react";
-import { Fragment as Fragment37, jsx as jsx131, jsxs as jsxs111 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx131, jsxs as jsxs111 } from "react/jsx-runtime";
 function BreadcrumbDropdown({ units, activeUnitId, onSelect }) {
   const [open, setOpen] = useState62(false);
   const anchorRef = useRef63(null);
@@ -82566,7 +82592,7 @@ function BreadcrumbDropdown({ units, activeUnitId, onSelect }) {
     onSelect(id);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs111(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs111(Fragment38, { children: [
     /* @__PURE__ */ jsxs111(
       Button,
       {
@@ -82873,7 +82899,7 @@ function UnitControls({ isPerUnit, units, activeUnitId, onSelectScope, onOpenUni
 }
 
 // src/editor/FieldEditor.tsx
-import { Fragment as Fragment38, jsx as jsx136, jsxs as jsxs115 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx136, jsxs as jsxs115 } from "react/jsx-runtime";
 function originalQualityEnabled() {
   try {
     return typeof localStorage !== "undefined" && localStorage.getItem(ORIGINAL_QUALITY_KEY) === "1";
@@ -83433,6 +83459,7 @@ function FieldEditorInner({ data }) {
   const handlePhotoUpload = useCallback49(
     (e) => {
       const all = Array.from(e.target.files ?? []);
+      const source = e.target === cameraInputRef.current ? "camera" : "library";
       if (all.length === 0 || !state.activeItemId || readOnly) return;
       const itemId = state.activeItemId;
       const overflow = all.length > MAX_BATCH_PHOTOS;
@@ -83448,14 +83475,15 @@ function FieldEditorInner({ data }) {
         const sid = state.sectionIdForItem(itemId) ?? state.currentSection?.id;
         if (!dataSource.isOnline() && doc && sid && !target) {
           const fk = findingKey(activeUnitId, sid, itemId);
-          const batch = await addOfflinePhotos(dataSource.media.store, doc, { inspectionId: String(state.inspection.id), findingKey: fk, itemId }, bakedFiles);
+          const batch = await addOfflinePhotos(dataSource.media.store, doc, { inspectionId: String(state.inspection.id), findingKey: fk, itemId, source }, bakedFiles);
           for (const message of offlinePhotoRejectionMessages(batch, bakedFiles.length)) notify(message, "error", { durationMs: 8e3 });
         } else {
           photoUpload.submit({
             itemId,
             findingKey: findingKey(activeUnitId, sid ?? "", itemId),
             files: bakedFiles,
-            target
+            target,
+            source
           });
         }
       })();
@@ -83480,7 +83508,7 @@ function FieldEditorInner({ data }) {
           files.push(orig ? f : await bakePhoto(f));
         }
         const sid = state.sectionIdForItem(itemId) ?? state.currentSection?.id;
-        photoUpload.submit({ itemId, findingKey: findingKey(activeUnitId, sid ?? "", itemId), files, target: null });
+        photoUpload.submit({ itemId, findingKey: findingKey(activeUnitId, sid ?? "", itemId), files, target: null, source: "burst" });
       })();
     },
     [state.burstCameraItemId, state.sectionIdForItem, state.currentSection, activeUnitId, photoUpload.submit, notify, readOnly]
@@ -83612,7 +83640,8 @@ function FieldEditorInner({ data }) {
       },
       onLibraryClose: () => state.setShowCommentLibrary(false),
       onPhoto: () => {
-        if (!state.activeItemId || photoUpload.busy) return;
+        if (!state.activeItemId) return;
+        pendingPhotoTargetRef.current = null;
         if (isMobile) {
           setAddMediaChooser({ itemId: state.activeItemId });
         } else {
@@ -83662,7 +83691,6 @@ function FieldEditorInner({ data }) {
       comments,
       commentLibraryItems,
       serverComments,
-      photoUpload.busy,
       isMobile
     ]
   );
@@ -83749,9 +83777,11 @@ function FieldEditorInner({ data }) {
       ) : {},
       ratingLevels: state.ratingLevels,
       onRating: handleRating,
-      onAddPhoto: () => state.activeItemId ? setAddMediaChooser({ itemId: state.activeItemId }) : libraryInputRef.current?.click(),
+      onAddPhoto: () => {
+        pendingPhotoTargetRef.current = null;
+        return state.activeItemId ? setAddMediaChooser({ itemId: state.activeItemId }) : libraryInputRef.current?.click();
+      },
       onAddDefectPhoto: (target) => {
-        if (photoUpload.busy) return;
         pendingPhotoTargetRef.current = target;
         if (isMobile) {
           setAddMediaChooser({ itemId: state.activeItemId ?? "" });
@@ -83939,7 +83969,7 @@ function FieldEditorInner({ data }) {
       onChangeTier: commercialSave.changeTier
     }
   );
-  const photoInputsEl = /* @__PURE__ */ jsxs115(Fragment38, { children: [
+  const photoInputsEl = /* @__PURE__ */ jsxs115(Fragment39, { children: [
     /* @__PURE__ */ jsx136(
       "input",
       {
@@ -83963,7 +83993,7 @@ function FieldEditorInner({ data }) {
       }
     )
   ] });
-  const addMediaOverlaysEl = /* @__PURE__ */ jsxs115(Fragment38, { children: [
+  const addMediaOverlaysEl = /* @__PURE__ */ jsxs115(Fragment39, { children: [
     addMediaChooser && /* @__PURE__ */ jsx136(
       AddMediaChooser,
       {
@@ -83997,7 +84027,7 @@ function FieldEditorInner({ data }) {
       }
     )
   ] });
-  const finishActionsEl = /* @__PURE__ */ jsxs115(Fragment38, { children: [
+  const finishActionsEl = /* @__PURE__ */ jsxs115(Fragment39, { children: [
     caps.settingsSheet && /* @__PURE__ */ jsx136(
       InspectionSettingsSheet,
       {
@@ -84186,7 +84216,7 @@ function FieldEditorInner({ data }) {
   const scopeSwitcherEl = showUnitsSurface && isPerUnit ? /* @__PURE__ */ jsx136(BreadcrumbDropdown, { units, activeUnitId, onSelect: requestScope }) : null;
   const saveStatusEl = /* @__PURE__ */ jsx136(WithHostStatus, { indicator: /* @__PURE__ */ jsx136(SaveStatusIndicator, { status: state.saveStatus }), renderStatus: slots.renderStatus });
   const { pdf } = slots;
-  const mobileDrawersEl = /* @__PURE__ */ jsxs115(Fragment38, { children: [
+  const mobileDrawersEl = /* @__PURE__ */ jsxs115(Fragment39, { children: [
     /* @__PURE__ */ jsx136(MobileBottomDrawer, { open: mobileDrawer === "sections", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_sections(), children: sectionRailEl }),
     isPhone && /* @__PURE__ */ jsxs115(MobileBottomDrawer, { open: mobileDrawer === "items", onClose: () => setMobileDrawer(null), title: index_exports.editor_route_drawer_items(), children: [
       scopeSwitcherEl && /* @__PURE__ */ jsx136("div", { className: "px-2 pt-2", children: scopeSwitcherEl }),
@@ -84236,7 +84266,7 @@ function FieldEditorInner({ data }) {
     setAddMediaChooser(null);
     setVideoCaptureTarget(null);
   }, [readOnly]);
-  const overlaysEl = /* @__PURE__ */ jsxs115(Fragment38, { children: [
+  const overlaysEl = /* @__PURE__ */ jsxs115(Fragment39, { children: [
     photoInputsEl,
     addMediaOverlaysEl,
     sharedOverlaysEl,
@@ -84248,7 +84278,7 @@ function FieldEditorInner({ data }) {
     unsavedGuardEl
   ] });
   if (isPhone) {
-    return /* @__PURE__ */ jsxs115(Fragment38, { children: [
+    return /* @__PURE__ */ jsxs115(Fragment39, { children: [
       overlaysEl,
       /* @__PURE__ */ jsxs115("div", { "data-layout": "phone", "data-collab-synced": collabSynced ? "true" : "false", className: "min-h-dvh pb-[var(--ih-mobile-nav-h)]", children: [
         /* @__PURE__ */ jsx136(
@@ -84270,7 +84300,7 @@ function FieldEditorInner({ data }) {
     ] });
   }
   if (layout === "tablet") {
-    return /* @__PURE__ */ jsxs115(Fragment38, { children: [
+    return /* @__PURE__ */ jsxs115(Fragment39, { children: [
       overlaysEl,
       /* @__PURE__ */ jsx136(
         TabletTree,
@@ -84290,7 +84320,7 @@ function FieldEditorInner({ data }) {
           ),
           collabSynced,
           footer: /* @__PURE__ */ jsx136(FooterBar, { connected: presence.connected, status: presence.status, roster: presence.roster }),
-          listHeader: /* @__PURE__ */ jsxs115(Fragment38, { children: [
+          listHeader: /* @__PURE__ */ jsxs115(Fragment39, { children: [
             /* @__PURE__ */ jsx136(InspectionIdentity, { address: state.inspection.propertyAddress, id: String(state.inspection.id), date: state.formattedDate, status: String(state.inspection.status) }),
             scopeSwitcherEl && /* @__PURE__ */ jsx136("div", { className: "px-3 py-2 border-b border-ih-border", children: scopeSwitcherEl }),
             itemFilterBarEl,
@@ -84298,7 +84328,7 @@ function FieldEditorInner({ data }) {
           ] }),
           sectionTitle: state.currentSection?.title ?? "",
           list: itemListEl,
-          main: /* @__PURE__ */ jsxs115(Fragment38, { children: [
+          main: /* @__PURE__ */ jsxs115(Fragment39, { children: [
             revisionBannerEl,
             state.activeView === "property" ? propertyOverviewEl : itemEditorEl
           ] }),
@@ -84310,7 +84340,7 @@ function FieldEditorInner({ data }) {
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs115(Fragment38, { children: [
+  return /* @__PURE__ */ jsxs115(Fragment39, { children: [
     overlaysEl,
     /* @__PURE__ */ jsxs115(
       "div",
@@ -84337,7 +84367,7 @@ function FieldEditorInner({ data }) {
               perUnitControls: showUnitsSurface ? /* @__PURE__ */ jsx136(UnitControls, { isPerUnit, units, activeUnitId, onSelectScope: requestScope, onOpenUnits: () => setUnitsManagerOpen(true), onOpenCostItems: () => setCostItemsOpen(true) }) : void 0
             }
           ),
-          /* @__PURE__ */ jsx136("div", { className: "flex flex-1 pt-14 pb-9 min-w-[1024px]", children: emptyTemplateEl ? /* @__PURE__ */ jsx136("div", { className: "flex-1 flex", children: emptyTemplateEl }) : /* @__PURE__ */ jsxs115(Fragment38, { children: [
+          /* @__PURE__ */ jsx136("div", { className: "flex flex-1 pt-14 pb-9 min-w-[1024px]", children: emptyTemplateEl ? /* @__PURE__ */ jsx136("div", { className: "flex-1 flex", children: emptyTemplateEl }) : /* @__PURE__ */ jsxs115(Fragment39, { children: [
             !state.itemFullscreen && sectionRailEl,
             !state.itemFullscreen && /* @__PURE__ */ jsxs115("div", { className: "w-[280px] flex-shrink-0 border-r border-ih-border flex flex-col overflow-hidden relative", children: [
               itemFilterBarEl,
@@ -84540,6 +84570,7 @@ export {
   METADATA_PRESETS,
   RELIANCE_TEMPLATES,
   appendPendingPhoto,
+  appendPhoto,
   bindFieldLocaleSource,
   escapeWillBeHandled,
   findingKey2 as findingKey,
@@ -84548,6 +84579,7 @@ export {
   isDecodeImageError,
   isIgnored,
   isMetaKey,
+  pushPendingPhoto,
   resolvePcaNarrative,
   resolvePendingPhoto,
   setFieldLocale,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inspectorhub/field-ui",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "The OpenInspection field inspection editor as an embeddable React package.",
   "license": "AGPL-3.0-only",
   "repository": {