@overmap-ai/core 1.0.53-add-agent-conversations.6 → 1.0.53-attachment-creation-flows.1

package/dist/overmap-core.js

@@ -8,7 +8,7 @@ var _a;
 import * as React from "react";
 import React__default, { useState, useEffect, useRef, memo, useMemo, useCallback, createContext, createElement, useContext, forwardRef, Children, isValidElement, cloneElement, Fragment as Fragment$1, useLayoutEffect, useReducer, lazy, Suspense } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, Overlay, Button, Spinner, useViewportSize, ButtonGroup, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, ButtonList, divButtonProps, OvermapDropdownMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
+import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, TextArea, Select, useToast, Badge, MultiSelect, Overlay, Button, Spinner, useViewportSize, ButtonGroup, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, ButtonList, divButtonProps, OvermapDropdownMenu, Checkbox as Checkbox$1, Input, useAlertDialog } from "@overmap-ai/blocks";
 import { DepGraph } from "dependency-graph";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
 import offlineConfig from "@redux-offline/redux-offline/lib/defaults";
@@ -24,6 +24,7 @@ import jwtDecode from "jwt-decode";
 import { RESET_STATE } from "@redux-offline/redux-offline/lib/constants";
 import { openDB } from "idb";
 import { useField, useFormikContext, useFormik, FormikProvider } from "formik";
+import { flushSync } from "react-dom";
 import get from "lodash.get";
 import Linkify from "linkify-react";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
@@ -32,7 +33,6 @@ import { read, utils } from "xlsx";
 import { pdfjs, Document, Page } from "react-pdf";
 import "react-pdf/dist/Page/AnnotationLayer.css";
 import "react-pdf/dist/Page/TextLayer.css";
-import { flushSync } from "react-dom";
 import { ReactSketchCanvas } from "react-sketch-canvas";
 import set from "lodash.set";
 import cloneDeep from "lodash.clonedeep";
@@ -678,15 +678,15 @@ const wrapMigration = (migrator) => (state) => {
 };
 const migrations = [initialVersioning, signOut, signOut, createOutboxState];
 const manifest = Object.fromEntries(migrations.map((migration2, i) => [i, wrapMigration(migration2)]));
-const initialState$s = {
+const initialState$r = {
   accessToken: "",
   refreshToken: "",
   isLoggedIn: false
 };
 const authSlice = createSlice({
   name: "auth",
-  initialState: initialState$s,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$s)),
+  initialState: initialState$r,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$r)),
   reducers: {
     setTokens: (state, action) => {
       state.accessToken = action.payload.accessToken;
@@ -964,7 +964,6 @@ function truncate(str, maxLength) {
   return subString.slice(0, subString.lastIndexOf(" ")) + "…";
 }
 const restructureCreateSelectorWithArgs = (selector) => (args) => (state) => selector(state, args);
-const createSelectorWithArgs = restructureCreateSelectorWithArgs;
 function onlyUniqueOfflineIds(value, index2, self2) {
   return self2.findIndex((v) => v.offline_id === value.offline_id) === index2;
 }
@@ -1431,7 +1430,7 @@ const getLocalRelativeDateString = memoize((date, min, max) => {
     return getLocalDateString(date);
   return relative.format(days, "days");
 });
-const initialState$r = {
+const initialState$q = {
   categories: {},
   usedCategoryColors: [],
   categoryVisibility: {
@@ -1441,8 +1440,8 @@ const initialState$r = {
 };
 const categorySlice = createSlice({
   name: "categories",
-  initialState: initialState$r,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$r)),
+  initialState: initialState$q,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$q)),
   reducers: {
     setCategories: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -1578,6 +1577,9 @@ const selectIssueCountOfCategory = (categoryId) => (state) => {
   return Object.values(state.issueReducer.issues).filter((issue) => issue.category === categoryId).length;
 };
 const categoryReducer = categorySlice.reducer;
+function setAttachment(state, action) {
+  state.attachments[action.payload.offline_id] = action.payload;
+}
 function setAttachments(state, action) {
   state.attachments = {};
   for (const attachment of action.payload) {
@@ -1602,6 +1604,15 @@ function updateAttachment(state, action) {
     throw new Error(`Attachment ${action.payload.offline_id} does not exist.`);
   }
 }
+function updateAttachments(state, action) {
+  for (const attachment of action.payload) {
+    if (attachment.offline_id in state.attachments) {
+      state.attachments[attachment.offline_id] = attachment;
+    } else {
+      throw new Error(`Attachment ${attachment.offline_id} does not exist.`);
+    }
+  }
+}
 function removeAttachment(state, action) {
   if (action.payload in state.attachments) {
     delete state.attachments[action.payload];
@@ -1614,14 +1625,14 @@ function removeAttachments(state, action) {
     delete state.attachments[attachmentId];
   }
 }
-const initialState$q = {
+const initialState$p = {
   components: {},
   attachments: {}
 };
 const componentSlice = createSlice({
   name: "components",
-  initialState: initialState$q,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$q)),
+  initialState: initialState$p,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$p)),
   reducers: {
     addComponent: (state, action) => {
       state.components[action.payload.offline_id] = action.payload;
@@ -1635,12 +1646,6 @@ const componentSlice = createSlice({
       state.components = toOfflineIdRecord(action.payload);
       prevComponents = null;
     },
-    setComponentAttachments: setAttachments,
-    addComponentAttachment: addAttachment,
-    addComponentAttachments: addAttachments,
-    updateComponentAttachment: updateAttachment,
-    removeComponentAttachment: removeAttachment,
-    removeComponentAttachments: removeAttachments,
     updateComponent: (state, action) => {
       if (action.payload.offline_id in state.components) {
         state.components[action.payload.offline_id] = action.payload;
@@ -1665,9 +1670,35 @@ const componentSlice = createSlice({
         }
       }
       prevComponents = null;
-    }
+    },
+    // Attachments
+    setComponentAttachment: setAttachment,
+    setComponentAttachments: setAttachments,
+    addComponentAttachment: addAttachment,
+    addComponentAttachments: addAttachments,
+    updateComponentAttachment: updateAttachment,
+    updateComponentAttachments: updateAttachments,
+    removeComponentAttachment: removeAttachment,
+    removeComponentAttachments: removeAttachments
   }
 });
+const {
+  addComponent,
+  updateComponent,
+  removeComponent,
+  addComponentsInBatches,
+  setComponents,
+  removeAllComponentsOfType,
+  // Attachments
+  setComponentAttachment,
+  setComponentAttachments,
+  addComponentAttachment,
+  addComponentAttachments,
+  updateComponentAttachment,
+  updateComponentAttachments,
+  removeComponentAttachment,
+  removeComponentAttachments
+} = componentSlice.actions;
 let prevComponents = null;
 const selectComponents = (state) => {
   if (!prevComponents) {
@@ -1762,28 +1793,14 @@ const selectAttachmentsOfComponentByType = restructureCreateSelectorWithArgs(
     }
   )
 );
-const {
-  addComponent,
-  updateComponent,
-  removeComponent,
-  addComponentsInBatches,
-  setComponents,
-  setComponentAttachments,
-  addComponentAttachment,
-  addComponentAttachments,
-  updateComponentAttachment,
-  removeComponentAttachment,
-  removeComponentAttachments,
-  removeAllComponentsOfType
-} = componentSlice.actions;
 const componentReducer = componentSlice.reducer;
-const initialState$p = {
+const initialState$o = {
   completionsByComponentId: {}
 };
 const componentStageCompletionSlice = createSlice({
   name: "componentStageCompletions",
-  initialState: initialState$p,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$p)),
+  initialState: initialState$o,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$o)),
   reducers: {
     addStageCompletion: (state, action) => {
       let stageToCompletionDateMapping = state.completionsByComponentId[action.payload.component];
@@ -1834,13 +1851,13 @@ const selectCompletedStageIdsForComponent = (component) => (state) => {
   return Object.keys(state.componentStageCompletionReducer.completionsByComponentId[component.offline_id] ?? {});
 };
 const componentStageCompletionReducer = componentStageCompletionSlice.reducer;
-const initialState$o = {
+const initialState$n = {
   stages: {}
 };
 const componentStageSlice = createSlice({
   name: "componentStages",
-  initialState: initialState$o,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$o)),
+  initialState: initialState$n,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$n)),
   reducers: {
     addStages: (state, action) => {
       Object.assign(state.stages, toOfflineIdRecord(action.payload));
@@ -1950,15 +1967,15 @@ const selectStageFormIdsFromStageIds = restructureCreateSelectorWithArgs(
 );
 const { addStages, updateStages, removeStages, linkStageToForm, unlinkStageToForm } = componentStageSlice.actions;
 const componentStageReducer = componentStageSlice.reducer;
-const initialState$n = {
+const initialState$m = {
   componentTypes: {},
   hiddenComponentTypeIds: {},
   attachments: {}
 };
 const componentTypeSlice = createSlice({
   name: "componentTypes",
-  initialState: initialState$n,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$n)),
+  initialState: initialState$m,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$m)),
   reducers: {
     addComponentType: (state, action) => {
       state.componentTypes[action.payload.offline_id] = action.payload;
@@ -1966,20 +1983,38 @@ const componentTypeSlice = createSlice({
     setComponentTypes: (state, action) => {
       state.componentTypes = toOfflineIdRecord(action.payload);
     },
-    setComponentTypeAttachments: setAttachments,
-    addComponentTypeAttachment: addAttachment,
-    addComponentTypeAttachments: addAttachments,
-    updateComponentTypeAttachment: updateAttachment,
-    removeComponentTypeAttachment: removeAttachment,
-    removeComponentTypeAttachments: removeAttachments,
     toggleComponentTypeVisibility: (state, action) => {
       state.hiddenComponentTypeIds[action.payload] = !state.hiddenComponentTypeIds[action.payload];
     },
     deleteComponentType: (state, action) => {
       delete state.componentTypes[action.payload];
-    }
+    },
+    // Attachments
+    setComponentTypeAttachment: setAttachment,
+    setComponentTypeAttachments: setAttachments,
+    addComponentTypeAttachment: addAttachment,
+    addComponentTypeAttachments: addAttachments,
+    updateComponentTypeAttachment: updateAttachment,
+    updateComponentTypeAttachments: updateAttachments,
+    removeComponentTypeAttachment: removeAttachment,
+    removeComponentTypeAttachments: removeAttachments
   }
 });
+const {
+  addComponentType,
+  setComponentTypes,
+  toggleComponentTypeVisibility,
+  deleteComponentType,
+  // Attachmet
+  setComponentTypeAttachment,
+  setComponentTypeAttachments,
+  addComponentTypeAttachment,
+  addComponentTypeAttachments,
+  updateComponentTypeAttachment,
+  updateComponentTypeAttachments,
+  removeComponentTypeAttachment,
+  removeComponentTypeAttachments
+} = componentTypeSlice.actions;
 const selectComponentTypesMapping = (state) => state.componentTypeReducer.componentTypes;
 const selectComponentTypes = createSelector(
   [selectComponentTypesMapping],
@@ -2056,26 +2091,14 @@ const selectAttachmentsOfComponentTypeByType = restructureCreateSelectorWithArgs
     }
   )
 );
-const {
-  addComponentType,
-  setComponentTypes,
-  setComponentTypeAttachments,
-  addComponentTypeAttachment,
-  addComponentTypeAttachments,
-  updateComponentTypeAttachment,
-  removeComponentTypeAttachment,
-  removeComponentTypeAttachments,
-  toggleComponentTypeVisibility,
-  deleteComponentType
-} = componentTypeSlice.actions;
 const componentTypeReducer = componentTypeSlice.reducer;
-const initialState$m = {
+const initialState$l = {
   workspaces: {},
   activeWorkspaceId: null
 };
 const workspaceSlice = createSlice({
   name: "workspace",
-  initialState: initialState$m,
+  initialState: initialState$l,
   // The `reducers` field lets us define reducers and generate associated actions
   reducers: {
     setWorkspaces: (state, action) => {
@@ -2132,7 +2155,7 @@ const selectPermittedWorkspaceIds = createSelector(
 );
 const workspaceReducer = workspaceSlice.reducer;
 const maxRecentIssues = 10;
-const initialState$l = {
+const initialState$k = {
   issues: {},
   attachments: {},
   comments: {},
@@ -2144,9 +2167,9 @@ const initialState$l = {
 };
 const issueSlice = createSlice({
   name: "issues",
-  initialState: initialState$l,
+  initialState: initialState$k,
   extraReducers: (builder) => builder.addCase("RESET", (state) => {
-    Object.assign(state, initialState$l);
+    Object.assign(state, initialState$k);
   }),
   reducers: {
     setIssues: (state, action) => {
@@ -2157,7 +2180,6 @@ const issueSlice = createSlice({
         state.issues[issue.offline_id] = issue;
       });
     },
-    setIssueAttachments: setAttachments,
     setIssueUpdates: (state, action) => {
       if (action.payload.filter(onlyUniqueOfflineIds).length !== action.payload.length) {
         throw new Error("Tried to use setIssues reducer with duplicate ID's");
@@ -2187,8 +2209,6 @@ const issueSlice = createSlice({
         state.issues[issue.offline_id] = issue;
       }
     },
-    addIssueAttachment: addAttachment,
-    addIssueAttachments: addAttachments,
     addIssueUpdate: (state, action) => {
       if (action.payload.offline_id in state.updates) {
         throw new Error(`Tried to add duplicate issue update with offline_id: ${action.payload.offline_id}`);
@@ -2210,7 +2230,6 @@ const issueSlice = createSlice({
         throw new Error(`Tried to update issue with ID that doesn't exist: ${action.payload.offline_id}`);
       }
     },
-    updateIssueAttachment: updateAttachment,
     removeIssue: (state, action) => {
       if (action.payload in state.issues) {
         delete state.issues[action.payload];
@@ -2223,7 +2242,6 @@ const issueSlice = createSlice({
         delete state.issues[issueId];
       }
     },
-    removeIssueAttachment: removeAttachment,
     removeIssueUpdate: (state, action) => {
       if (action.payload in state.updates) {
         delete state.updates[action.payload];
@@ -2320,12 +2338,19 @@ const issueSlice = createSlice({
       if (indexToRemove !== -1) {
         state.recentIssueIds.splice(indexToRemove, 1);
       }
-    }
+    },
+    // Attachments
+    setIssueAttachment: setAttachment,
+    setIssueAttachments: setAttachments,
+    addIssueAttachment: addAttachment,
+    addIssueAttachments: addAttachments,
+    updateIssueAttachment: updateAttachment,
+    updateIssueAttachments: updateAttachments,
+    removeIssueAttachment: removeAttachment,
+    removeIssueAttachments: removeAttachments
   }
 });
 const {
-  addIssueAttachment,
-  addIssueAttachments,
   addIssue,
   addIssues,
   addIssueUpdate,
@@ -2333,7 +2358,6 @@ const {
   addOrReplaceIssueComment,
   addToRecentIssues,
   cleanRecentIssues,
-  removeIssueAttachment,
   removeAttachmentsOfIssue,
   removeIssue,
   removeIssues,
@@ -2342,13 +2366,20 @@ const {
   removeRecentIssue,
   resetRecentIssues,
   setActiveIssueId,
-  setIssueAttachments,
   setIssueUpdates,
   setIssues,
   setVisibleStatuses,
   setVisibleUserIds,
-  updateIssueAttachment,
   updateIssue,
+  // Attachments
+  setIssueAttachment,
+  setIssueAttachments,
+  addIssueAttachment,
+  addIssueAttachments,
+  updateIssueAttachment,
+  updateIssueAttachments,
+  removeIssueAttachment,
+  removeIssueAttachments,
   // Commments
   addIssueComment,
   addIssueComments,
@@ -2571,14 +2602,14 @@ const selectRecentIssuesAsSearchResults = createSelector(
   }
 );
 const issueReducer = issueSlice.reducer;
-const initialState$k = {
+const initialState$j = {
   issueTypes: {}
 };
 const issueTypeSlice = createSlice({
   name: "issueTypes",
-  initialState: initialState$k,
+  initialState: initialState$j,
   extraReducers: (builder) => builder.addCase("RESET", (state) => {
-    Object.assign(state, initialState$k);
+    Object.assign(state, initialState$j);
   }),
   reducers: {
     setIssueTypes: (state, action) => {
@@ -2645,15 +2676,15 @@ const selectIssuesOfIssueTypeCount = (issueTypeId) => (state) => {
   return ((_a2 = selectIssuesOfIssueType(issueTypeId)(state)) == null ? void 0 : _a2.length) ?? 0;
 };
 const issueTypeReducer = issueTypeSlice.reducer;
-const initialState$j = {
+const initialState$i = {
   s3Urls: {}
 };
 const msPerHour = 1e3 * 60 * 60;
 const msPerWeek = msPerHour * 24 * 7;
 const fileSlice = createSlice({
   name: "file",
-  initialState: initialState$j,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$j)),
+  initialState: initialState$i,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$i)),
   reducers: {
     setUploadUrl: (state, action) => {
       const { url, fields, sha1 } = action.payload;
@@ -2680,7 +2711,7 @@ const selectUploadUrl = (sha1) => (state) => {
   return url;
 };
 const fileReducer = fileSlice.reducer;
-const initialState$i = {
+const initialState$h = {
   // TODO: Change first MapStyle.SATELLITE to MaptStyle.None when project creation map is fixed
   mapStyle: MapStyle.SATELLITE,
   showTooltips: false,
@@ -2688,8 +2719,8 @@ const initialState$i = {
 };
 const mapSlice = createSlice({
   name: "map",
-  initialState: initialState$i,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$i)),
+  initialState: initialState$h,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$h)),
   reducers: {
     setMapStyle: (state, action) => {
       state.mapStyle = action.payload;
@@ -2717,6 +2748,14 @@ var OrganizationAccessLevel = /* @__PURE__ */ ((OrganizationAccessLevel2) => {
   OrganizationAccessLevel2[OrganizationAccessLevel2["ADMIN"] = 2] = "ADMIN";
   return OrganizationAccessLevel2;
 })(OrganizationAccessLevel || {});
+var AttachmentModel = /* @__PURE__ */ ((AttachmentModel2) => {
+  AttachmentModel2["Issue"] = "issue";
+  AttachmentModel2["Component"] = "component";
+  AttachmentModel2["ComponentType"] = "component_type";
+  AttachmentModel2["Project"] = "project";
+  AttachmentModel2["Document"] = "document";
+  return AttachmentModel2;
+})(AttachmentModel || {});
 var IssueUpdateChange = /* @__PURE__ */ ((IssueUpdateChange2) => {
   IssueUpdateChange2["STATUS"] = "status";
   IssueUpdateChange2["PRIORITY"] = "priority";
@@ -2758,7 +2797,7 @@ var LicenseStatus = /* @__PURE__ */ ((LicenseStatus2) => {
   LicenseStatus2[LicenseStatus2["PAST_DUE"] = 8] = "PAST_DUE";
   return LicenseStatus2;
 })(LicenseStatus || {});
-const initialState$h = {
+const initialState$g = {
   users: {},
   currentUser: {
     id: 0,
@@ -2769,8 +2808,8 @@ const initialState$h = {
 };
 const userSlice = createSlice({
   name: "users",
-  initialState: initialState$h,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$h)),
+  initialState: initialState$g,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$g)),
   reducers: {
     setUsers: (state, action) => {
       const usersMapping = {};
@@ -2832,13 +2871,13 @@ const selectUser = (userId) => (state) => {
 const selectUsersAsMapping = (state) => state.userReducer.users;
 const selectFavouriteProjects = (state) => state.userReducer.currentUser.profile.favourite_project_ids;
 const userReducer = userSlice.reducer;
-const initialState$g = {
+const initialState$f = {
   organizationAccesses: {}
 };
 const organizationAccessSlice = createSlice({
   name: "organizationAccess",
-  initialState: initialState$g,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$g)),
+  initialState: initialState$f,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$f)),
   reducers: {
     setOrganizationAccesses: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -2901,13 +2940,13 @@ const selectOrganizationAccessUserMapping = (state) => {
   return organizationAccesses;
 };
 const organizationAccessReducer = organizationAccessSlice.reducer;
-const initialState$f = {
+const initialState$e = {
   licenses: {}
 };
 const licenseSlice = createSlice({
   name: "license",
-  initialState: initialState$f,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$f)),
+  initialState: initialState$e,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$e)),
   reducers: {
     setLicenses: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -2952,13 +2991,13 @@ const selectLicensesForProjectsMapping = createSelector(
   (licenses) => Object.values(licenses).filter((license) => license.project).reduce((accum, license) => ({ ...accum, [license.project]: license }), {})
 );
 const licenseReducer = licenseSlice.reducer;
-const initialState$e = {
+const initialState$d = {
   projectAccesses: {}
 };
 const projectAccessSlice = createSlice({
   name: "projectAccess",
-  initialState: initialState$e,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$e)),
+  initialState: initialState$d,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$d)),
   reducers: {
     setProjectAccesses: (state, action) => {
       if (!Array.isArray(action.payload))
@@ -3026,7 +3065,7 @@ const selectProjectAccessUserMapping = (state) => {
   return projectAccesses;
 };
 const projectAccessReducer = projectAccessSlice.reducer;
-const initialState$d = {
+const initialState$c = {
   projects: {},
   activeProjectId: null,
   recentProjectIds: [],
@@ -3036,7 +3075,7 @@ const initialState$d = {
 };
 const projectSlice = createSlice({
   name: "projects",
-  initialState: initialState$d,
+  initialState: initialState$c,
   reducers: {
     setProjects: (state, action) => {
       const projectsMap = {};
@@ -3104,11 +3143,13 @@ const projectSlice = createSlice({
         throw new Error("Update form submissions count: no active project");
       }
     },
-    // Attachment related
+    // Attachments
+    setProjectAttachment: setAttachment,
     setProjectAttachments: setAttachments,
     addProjectAttachment: addAttachment,
     addProjectAttachments: addAttachments,
     updateProjectAttachment: updateAttachment,
+    updateProjectAttachments: updateAttachments,
     removeProjectAttachment: removeAttachment,
     removeProjectAttachments: removeAttachments
   }
@@ -3123,11 +3164,13 @@ const {
   acceptProjectInvite,
   addActiveProjectIssuesCount,
   addActiveProjectFormSubmissionsCount,
-  // Attachment related
+  // Attachments
+  setProjectAttachment,
   setProjectAttachments,
   addProjectAttachment,
   addProjectAttachments,
   updateProjectAttachment,
+  updateProjectAttachments,
   removeProjectAttachment,
   removeProjectAttachments
 } = projectSlice.actions;
@@ -3198,6 +3241,9 @@ const selectAllProjectAttachments = createSelector(
   [selectProjectAttachmentMapping],
   (mapping) => Object.values(mapping)
 );
+const selectProjectAttachment = (attachmentId) => (state) => {
+  return state.projectReducer.attachments[attachmentId];
+};
 const selectAttachmentsOfProject = restructureCreateSelectorWithArgs(
   createSelector(
     [selectAllProjectAttachments, (_state, projectId) => projectId],
@@ -3223,14 +3269,14 @@ const selectAttachmentsOfProjectByType = restructureCreateSelectorWithArgs(
     }
   )
 );
-const initialState$c = {
+const initialState$b = {
   organizations: {},
   activeOrganizationId: null
 };
 const organizationSlice = createSlice({
   name: "organizations",
-  initialState: initialState$c,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$c)),
+  initialState: initialState$b,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$b)),
   reducers: {
     setOrganizations: (state, action) => {
       for (const org of action.payload) {
@@ -3349,14 +3395,14 @@ const createOfflineAction = (request2, baseUrl) => {
     }
   };
 };
-const initialState$b = {
+const initialState$a = {
   deletedRequests: [],
   latestRetryTime: 0
 };
 const outboxSlice = createSlice({
   name: "outbox",
-  initialState: initialState$b,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$b)),
+  initialState: initialState$a,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$a)),
   reducers: {
     // enqueueActions is a reducer that does nothing but enqueue API request to the Redux Offline outbox
     // Whenever an issue is being created, a reducer addIssue() is responsible for adding it to the offline store
@@ -3388,7 +3434,7 @@ const selectDeletedRequests = (state) => state.outboxReducer.deletedRequests;
 const selectLatestRetryTime = (state) => state.outboxReducer.latestRetryTime;
 const { enqueueRequest, markForDeletion, markAsDeleted, _setLatestRetryTime } = outboxSlice.actions;
 const outboxReducer = outboxSlice.reducer;
-const initialState$a = {
+const initialState$9 = {
   projectFiles: {},
   activeProjectFileId: null,
   isImportingProjectFile: false,
@@ -3396,8 +3442,8 @@ const initialState$a = {
 };
 const projectFileSlice = createSlice({
   name: "projectFiles",
-  initialState: initialState$a,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$a)),
+  initialState: initialState$9,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$9)),
   reducers: {
     addOrReplaceProjectFiles: (state, action) => {
       for (let fileObj of action.payload) {
@@ -3498,12 +3544,12 @@ const selectProjectFiles = createSelector(
 const selectActiveProjectFileId = (state) => state.projectFileReducer.activeProjectFileId;
 const selectIsImportingProjectFile = (state) => state.projectFileReducer.isImportingProjectFile;
 const projectFileReducer = projectFileSlice.reducer;
-const initialState$9 = {
+const initialState$8 = {
   isRehydrated: false
 };
 const rehydratedSlice = createSlice({
   name: "rehydrated",
-  initialState: initialState$9,
+  initialState: initialState$8,
   // The `reducers` field lets us define reducers and generate associated actions
   reducers: {
     setRehydrated: (state, action) => {
@@ -3513,7 +3559,7 @@ const rehydratedSlice = createSlice({
 });
 const selectRehydrated = (state) => state.rehydratedReducer.isRehydrated;
 const rehydratedReducer = rehydratedSlice.reducer;
-const initialState$8 = {
+const initialState$7 = {
   useIssueTemplate: false,
   placementMode: false,
   enableClustering: false,
@@ -3530,8 +3576,8 @@ const initialState$8 = {
 };
 const settingSlice = createSlice({
   name: "settings",
-  initialState: initialState$8,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$8)),
+  initialState: initialState$7,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$7)),
   reducers: {
     setEnableDuplicateIssues: (state, action) => {
       state.useIssueTemplate = action.payload;
@@ -3590,14 +3636,14 @@ const formRevisionSortFn = (formRevisionA, formRevisionB) => {
     return revisionA < revisionB ? -1 : 1;
   }
 };
-const initialState$7 = {
+const initialState$6 = {
   formRevisions: {},
   attachments: {}
 };
 const formRevisionsSlice = createSlice({
   name: "formRevisions",
-  initialState: initialState$7,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$7)),
+  initialState: initialState$6,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$6)),
   reducers: {
     // revision related actions
     setFormRevision: (state, action) => {
@@ -3777,13 +3823,13 @@ const selectAttachmentsOfFormRevision = restructureCreateSelectorWithArgs(
   )
 );
 const formRevisionReducer = formRevisionsSlice.reducer;
-const initialState$6 = {
+const initialState$5 = {
   forms: {}
 };
 const formSlice = createSlice({
   name: "forms",
-  initialState: initialState$6,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$6)),
+  initialState: initialState$5,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$5)),
   reducers: {
     setForms: (state, action) => {
       state.forms = {};
@@ -3888,14 +3934,14 @@ const selectGeneralFormCount = createSelector([selectFormMapping], (userForms) =
   return Object.values(userForms).filter((form) => !form.component_type).length;
 });
 const formReducer = formSlice.reducer;
-const initialState$5 = {
+const initialState$4 = {
   formSubmissions: {},
   attachments: {}
 };
 const formSubmissionSlice = createSlice({
   name: "formSubmissions",
-  initialState: initialState$5,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$5)),
+  initialState: initialState$4,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$4)),
   reducers: {
     setFormSubmission: (state, action) => {
       state.formSubmissions[action.payload.offline_id] = action.payload;
@@ -4132,12 +4178,12 @@ const selectAttachmentsOfFormSubmission = restructureCreateSelectorWithArgs(
   )
 );
 const formSubmissionReducer = formSubmissionSlice.reducer;
-const initialState$4 = {
+const initialState$3 = {
   emailDomains: {}
 };
 const emailDomainsSlice = createSlice({
   name: "emailDomains",
-  initialState: initialState$4,
+  initialState: initialState$3,
   reducers: {
     setEmailDomains: (state, action) => {
       const emailDomains = {};
@@ -4164,15 +4210,15 @@ const selectSortedEmailDomains = (state) => Object.values(state.emailDomainsRedu
   (ed1, ed2) => ed1.domain.localeCompare(ed2.domain)
 );
 const emailDomainsReducer = emailDomainsSlice.reducer;
-const initialState$3 = {
+const initialState$2 = {
   documents: {},
   attachments: {}
 };
 const documentSlice = createSlice({
   name: "documents",
-  initialState: initialState$3,
+  initialState: initialState$2,
   extraReducers: (builder) => builder.addCase("RESET", (state) => {
-    Object.assign(state, initialState$3);
+    Object.assign(state, initialState$2);
   }),
   reducers: {
     setDocuments: (state, action) => {
@@ -4313,10 +4359,13 @@ const documentSlice = createSlice({
         delete state.documents[documentId];
       }
     },
+    // Attachments
+    setDocumentAttachment: setAttachment,
     setDocumentAttachments: setAttachments,
     addDocumentAttachment: addAttachment,
     addDocumentAttachments: addAttachments,
     updateDocumentAttachment: updateAttachment,
+    updateDocumentAttachments: updateAttachments,
     removeDocumentAttachment: removeAttachment,
     removeDocumentAttachments: removeAttachments
   }
@@ -4327,10 +4376,13 @@ const {
   updateDocuments,
   moveDocument,
   removeDocuments,
+  // Attachments
+  setDocumentAttachment,
   setDocumentAttachments,
   addDocumentAttachment,
   addDocumentAttachments,
   updateDocumentAttachment,
+  updateDocumentAttachments,
   removeDocumentAttachment,
   removeDocumentAttachments
 } = documentSlice.actions;
@@ -4397,13 +4449,13 @@ const selectAttachmentsOfDocumentByType = restructureCreateSelectorWithArgs(
   )
 );
 const documentsReducer = documentSlice.reducer;
-const initialState$2 = {
+const initialState$1 = {
   teams: {}
 };
 const teamSlice = createSlice({
   name: "teams",
-  initialState: initialState$2,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$2)),
+  initialState: initialState$1,
+  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$1)),
   reducers: {
     setTeam: (state, action) => {
       state.teams[action.payload.offline_id] = action.payload;
@@ -4453,49 +4505,8 @@ const selectTeamsOfUser = restructureCreateSelectorWithArgs(
   })
 );
 const teamReducer = teamSlice.reducer;
-const initialState$1 = {
-  conversations: {}
-};
-const agentsSlice = createSlice({
-  name: "agents",
-  initialState: initialState$1,
-  extraReducers: (builder) => builder.addCase("RESET", (state) => Object.assign(state, initialState$1)),
-  reducers: {
-    setConversations: (state, action) => {
-      state.conversations = {};
-      for (const conversation of action.payload) {
-        state.conversations[conversation.offline_id] = conversation;
-      }
-    },
-    addConversation: (state, action) => {
-      if (action.payload.offline_id in state.conversations) {
-        throw new Error("Conversation already exists in history");
-      }
-      state.conversations[action.payload.offline_id] = action.payload;
-    },
-    setConversation: (state, action) => {
-      if (!(action.payload.offline_id in state.conversations)) {
-        throw new Error("Conversation does not exist in history");
-      }
-      state.conversations[action.payload.offline_id] = action.payload;
-    }
-  }
-});
-const { setConversations, addConversation, setConversation } = agentsSlice.actions;
-const selectConversationMapping = (state) => state.agentsReducer.conversations;
-const selectConversations = createSelector(
-  [selectConversationMapping],
-  (conversationMapping) => Object.values(conversationMapping)
-);
-const selectConversation = restructureCreateSelectorWithArgs(
-  createSelector(
-    [selectConversationMapping, (_state, conversationId) => conversationId],
-    (conversationMapping, conversationId) => conversationMapping[conversationId]
-  )
-);
-const agentsReducer = agentsSlice.reducer;
-const initialState = {
-  version: 0
+const initialState = {
+  version: 0
 };
 const versioningSlice = createSlice({
   name: "versioning",
@@ -4544,8 +4555,7 @@ const overmapReducers = {
   emailDomainsReducer,
   licenseReducer,
   documentsReducer,
-  teamReducer,
-  agentsReducer
+  teamReducer
 };
 const overmapReducer = combineReducers(overmapReducers);
 const resetStore = "RESET";
@@ -5062,553 +5072,6 @@ class BaseApiService {
     return promise;
   }
 }
-class AttachmentService extends BaseApiService {
-  fetchAll(projectId) {
-    const promise = this.enqueueRequest({
-      description: "Fetch attachments",
-      method: HttpMethod.GET,
-      url: `/attachments/${projectId}/`,
-      blocks: [],
-      blockers: []
-    });
-    const state = this.client.store.getState();
-    const allAttachments = {
-      issue_attachments: Object.values(state.issueReducer.attachments),
-      component_attachments: Object.values(state.componentReducer.attachments),
-      component_type_attachments: Object.values(state.componentTypeReducer.attachments),
-      project_attachments: Object.values(state.projectReducer.attachments),
-      document_attachments: Object.values(state.documentsReducer.attachments)
-    };
-    return [allAttachments, promise];
-  }
-  // Attachments aren't models, so we use the OptimisticGenericResult type instead
-  async addIssueAttachment(attachmentPayload) {
-    const { issue, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addIssueAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/issues/${issue}/attach/`,
-      blocks: [offline_id, issue],
-      blockers: [file_sha1],
-      payload: {
-        ...offlineAttachment,
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeIssueAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  async addComponentAttachment(attachmentPayload) {
-    const { component, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addComponentAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/components/${component}/attach/`,
-      blocks: [offline_id, component],
-      blockers: [file_sha1],
-      payload: {
-        ...offlineAttachment,
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeComponentAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  async addComponentTypeAttachment(attachmentPayload) {
-    const { component_type, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addComponentTypeAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/components/types/${component_type}/attach/`,
-      blocks: [offline_id, component_type],
-      blockers: [file_sha1],
-      payload: {
-        ...offlineAttachment,
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeComponentTypeAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  async addDocumentAttachment(attachmentPayload) {
-    const { description: description2, document: document2, file_sha1, offline_id } = attachmentPayload;
-    if (!attachmentPayload.file.objectURL) {
-      throw new Error("Expected attachmentPayload.file.objectURL to be defined.");
-    }
-    const offlineAttachment = {
-      ...attachmentPayload,
-      file: attachmentPayload.file.objectURL,
-      file_name: attachmentPayload.file.name,
-      file_type: attachmentPayload.file.type,
-      submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: this.client.store.getState().userReducer.currentUser.id
-    };
-    await this.client.files.addCache(attachmentPayload.file, file_sha1);
-    this.client.store.dispatch(addDocumentAttachment(offlineAttachment));
-    const [fileProps] = await this.client.files.uploadFileToS3(file_sha1);
-    const promise = this.enqueueRequest({
-      description: "Create attachment",
-      method: HttpMethod.POST,
-      url: `/documents/${document2}/attach/`,
-      blocks: [offline_id, document2],
-      blockers: [file_sha1],
-      payload: {
-        offline_id,
-        document: document2,
-        description: description2 ?? "",
-        submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-        ...fileProps
-      }
-    });
-    promise.catch((error2) => {
-      this.client.store.dispatch(removeDocumentAttachment(offlineAttachment.offline_id));
-      throw error2;
-    });
-    return [offlineAttachment, promise];
-  }
-  /** the outer Promise is needed to await the hashing of each file, which is required before offline use. If wanting to
-   * attach promise handlers to the request to add the attachment in the backend, apply it on the promise returned from the
-   * OptimisticModelResult. */
-  attachFilesToIssue(filesToSubmit, issueId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          issue: issueId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addIssueAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  attachFilesToComponent(filesToSubmit, componentId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          component: componentId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addComponentAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  attachFilesToComponentType(filesToSubmit, componentTypeId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          component_type: componentTypeId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addComponentTypeAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  attachFilesToDocument(filesToSubmit, documentId) {
-    return filesToSubmit.map((file) => {
-      if (!(file instanceof File)) {
-        throw new Error("Expected a File instance.");
-      }
-      const photoAttachmentPromise = async (file2) => {
-        const hash = await hashFile(file2);
-        const attachment = offline({
-          file: file2,
-          file_name: file2.name,
-          file_type: file2.type,
-          document: documentId,
-          file_sha1: hash,
-          submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-          created_by: this.client.store.getState().userReducer.currentUser.id
-        });
-        return this.addDocumentAttachment(attachment);
-      };
-      return photoAttachmentPromise(file);
-    });
-  }
-  async replaceIssueAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().issueReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateIssueAttachment({ ...attachment, file_sha1: newSha1, file: URL.createObjectURL(newFile) })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateIssueAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/issues/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateIssueAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  async replaceComponentAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().componentReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateComponentAttachment({ ...attachment, file_sha1: newSha1, file: URL.createObjectURL(newFile) })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateComponentAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/components/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateComponentAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  async replaceComponentTypeAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().componentTypeReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateComponentTypeAttachment({
-          ...attachment,
-          file_sha1: newSha1,
-          file: URL.createObjectURL(newFile)
-        })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateComponentTypeAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/component_types/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateComponentTypeAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  async replaceDocumentAttachmentFile(attachmentId, newFile) {
-    const { store } = this.client;
-    const attachment = store.getState().documentsReducer.attachments[attachmentId];
-    if (!attachment)
-      throw new Error(`Attachment ${attachmentId} not found`);
-    let oldFile = void 0;
-    const newSha1 = await hashFile(newFile);
-    const performRequest2 = async () => {
-      oldFile = await this.client.files.fetchCache(attachment.file_sha1);
-      if (!oldFile) {
-        console.error(`Failed to fetch old file from cache for sha1 ${attachment.file_sha1}.`);
-      }
-      if (!newFile.objectURL) {
-        throw new Error(`newFile["objectURL"] is unexpectedly ${newFile.objectURL}`);
-      }
-      store.dispatch(
-        updateDocumentAttachment({
-          ...attachment,
-          file_sha1: newSha1,
-          file: URL.createObjectURL(newFile)
-        })
-      );
-      await this.client.files.addCache(newFile, newSha1);
-      const [fileProps] = await this.client.files.uploadFileToS3(newSha1).catch((e) => {
-        store.dispatch(updateDocumentAttachment(attachment));
-        throw e;
-      });
-      const promise2 = this.enqueueRequest({
-        description: "Edit attachment",
-        method: HttpMethod.PATCH,
-        url: `/attachments/documents/${attachment.offline_id}/`,
-        isResponseBlob: false,
-        payload: fileProps,
-        blockers: [attachmentId, newSha1],
-        blocks: [attachmentId, newSha1]
-      });
-      try {
-        const result = await promise2;
-        void this.client.files.removeCache(attachment.file_sha1);
-        return result;
-      } catch (e) {
-        if (oldFile) {
-          store.dispatch(
-            updateDocumentAttachment({
-              ...attachment,
-              file_sha1: attachment.file_sha1,
-              file: URL.createObjectURL(oldFile)
-            })
-          );
-        }
-        throw e;
-      }
-    };
-    const offlineAttachment = {
-      ...attachment,
-      file_sha1: newSha1,
-      file: URL.createObjectURL(newFile)
-    };
-    const promise = performRequest2();
-    return [offlineAttachment, promise];
-  }
-  /**
-   * Deletes an attachment and associated data in the cloud, in the Redux store and the cache.
-   * @param issueAttachmentId
-   */
-  deleteIssueAttachment(issueAttachmentId) {
-    const { store } = this.client;
-    const attachment = selectIssueAttachmentMapping(store.getState())[issueAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${issueAttachmentId} not found`);
-    }
-    store.dispatch(removeIssueAttachment(issueAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/issues/${issueAttachmentId}/`,
-      blockers: [issueAttachmentId],
-      blocks: [issueAttachmentId]
-    });
-  }
-  deleteComponentAttachment(componentAttachmentId) {
-    const { store } = this.client;
-    const attachment = selectComponentAttachmentMapping(store.getState())[componentAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${componentAttachmentId} not found`);
-    }
-    store.dispatch(removeComponentAttachment(componentAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/components/${componentAttachmentId}/`,
-      blockers: [componentAttachmentId],
-      blocks: [componentAttachmentId]
-    });
-  }
-  deleteComponentTypeAttachment(componentTypeAttachmentId) {
-    const { store } = this.client;
-    const attachment = selectComponentTypeAttachmentMapping(store.getState())[componentTypeAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${componentTypeAttachmentId} not found`);
-    }
-    store.dispatch(removeComponentTypeAttachment(componentTypeAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/component_types/${componentTypeAttachmentId}/`,
-      blockers: [componentTypeAttachmentId],
-      blocks: [componentTypeAttachmentId]
-    });
-  }
-  deleteDocumentAttachment(documentAttachmentId) {
-    const { store } = this.client;
-    const attachment = store.getState().documentsReducer.attachments[documentAttachmentId];
-    if (!attachment) {
-      throw new Error(`Attachment ${documentAttachmentId} not found`);
-    }
-    store.dispatch(removeDocumentAttachment(documentAttachmentId));
-    void this.client.files.removeCache(attachment.file_sha1);
-    return this.enqueueRequest({
-      description: "Delete document attachment",
-      method: HttpMethod.DELETE,
-      url: `/attachments/documents/${documentAttachmentId}/`,
-      blockers: [documentAttachmentId],
-      blocks: [documentAttachmentId]
-    });
-  }
-}
 const EXPIRING_SOON_THRESHOLD = 1800;
 function parseTokens(response) {
   if (!response.access)
@@ -6300,52 +5763,267 @@ class ComponentStageService extends BaseApiService {
     store.dispatch(addStages(result));
   }
 }
-class ComponentTypeService extends BaseApiService {
-  add(componentType) {
-    const offlineComponentType = offline(componentType);
+const AttachmentModelMeta = {
+  [AttachmentModel.Issue]: {
+    name: "issue",
+    attachUrlPrefix: "/issues",
+    deleteUrlPrefix: "/issues",
+    fetchUrlPostfix: "/issue-attachments"
+  },
+  [AttachmentModel.Component]: {
+    name: "component",
+    attachUrlPrefix: "/components",
+    deleteUrlPrefix: "/components",
+    fetchUrlPostfix: "/component-attachments"
+  },
+  [AttachmentModel.ComponentType]: {
+    name: "component type",
+    attachUrlPrefix: "/components/types",
+    deleteUrlPrefix: "/components/types",
+    fetchUrlPostfix: "/component-type-attachments"
+  },
+  [AttachmentModel.Project]: {
+    name: "component project",
+    attachUrlPrefix: "/projects",
+    deleteUrlPrefix: "/projects",
+    fetchUrlPostfix: "/attachments"
+  },
+  [AttachmentModel.Document]: {
+    name: "document",
+    attachUrlPrefix: "/documents",
+    deleteUrlPrefix: "/documents",
+    fetchUrlPostfix: "/document-attachments"
+  }
+};
+class BaseAttachmentService extends BaseApiService {
+  getNumberOfAttachmentsWithSha1(sha1) {
+    const {
+      issueReducer: issueReducer2,
+      componentReducer: componentReducer2,
+      componentTypeReducer: componentTypeReducer2,
+      documentsReducer: documentsReducer2,
+      projectReducer: projectReducer2,
+      formSubmissionReducer: formSubmissionReducer2,
+      formRevisionReducer: formRevisionReducer2
+    } = this.client.store.getState();
+    const objectsWithSha1 = [].concat(
+      Object.values(issueReducer2.attachments),
+      Object.values(componentReducer2.attachments),
+      Object.values(componentTypeReducer2.attachments),
+      Object.values(documentsReducer2.attachments),
+      Object.values(projectReducer2.attachments),
+      Object.values(formRevisionReducer2.attachments),
+      Object.values(formSubmissionReducer2.attachments)
+    );
+    return objectsWithSha1.filter((object) => object.file_sha1 === sha1).length;
+  }
+  processPresignedUrls(presignedUrls) {
+    for (const [sha1, presignedUrl] of Object.entries(presignedUrls)) {
+      void this.enqueueRequest({
+        url: presignedUrl.url,
+        description: "Upload file to S3",
+        method: HttpMethod.POST,
+        isExternalUrl: true,
+        isAuthNeeded: false,
+        attachmentHash: sha1,
+        // TODO: can we use the sha1 as the blocker?
+        blockers: [`s3-${presignedUrl.fields.key}`],
+        blocks: [sha1],
+        s3url: presignedUrl
+      });
+    }
+  }
+  // Note that currently the fetching of attachments for all models dependds on the active projectId. This may change in the future. And
+  //  so for some attachment model services, this method will have to be overridden.
+  async getAttachments(actions) {
     const { store } = this.client;
     const activeProjectId = store.getState().projectReducer.activeProjectId;
-    store.dispatch(addComponentType(offlineComponentType));
+    const meta = AttachmentModelMeta[this.attachmentModel];
+    const result = await this.enqueueRequest({
+      description: `Get ${meta.name} attachments`,
+      method: HttpMethod.GET,
+      url: `/projects/${activeProjectId}${meta.fetchUrlPostfix}/`,
+      blocks: [],
+      blockers: []
+    });
+    store.dispatch(actions.setAttachments(result));
+  }
+  async attachFiles(files, modelId, buildOfflineAttachment, actions) {
+    const { store } = this.client;
+    const currentUser = store.getState().userReducer.currentUser;
+    const submittedAt = (/* @__PURE__ */ new Date()).toISOString();
+    const offlineAttachments = [];
+    const attachmentPayloads = [];
+    const filePayloads = {};
+    for (const file of files) {
+      const sha1 = await hashFile(file);
+      if (!(sha1 in filePayloads)) {
+        filePayloads[sha1] = {
+          sha1,
+          file_type: file.type,
+          extension: file.name.split(".").pop(),
+          size: file.size
+        };
+        await this.client.files.addCache(file, sha1);
+      }
+      const offlineAttachment = buildOfflineAttachment({
+        file,
+        sha1,
+        submittedAt,
+        createdBy: currentUser.id,
+        description: "",
+        modelId
+      });
+      offlineAttachments.push(offlineAttachment);
+      attachmentPayloads.push({
+        offline_id: offlineAttachment.offline_id,
+        name: offlineAttachment.file_name,
+        sha1: offlineAttachment.file_sha1,
+        description: offlineAttachment.description
+      });
+    }
+    store.dispatch(actions.addAttachments(offlineAttachments));
+    const meta = AttachmentModelMeta[this.attachmentModel];
     const promise = this.enqueueRequest({
-      description: "Create ComponentType",
+      description: `Attach files to ${meta.name}`,
       method: HttpMethod.POST,
-      url: `/projects/${activeProjectId}/component-types/`,
-      payload: { ...offlineComponentType },
-      blockers: [],
-      blocks: [offlineComponentType.offline_id]
+      url: `${meta.attachUrlPrefix}/${modelId}/attach/`,
+      payload: {
+        submitted_at: submittedAt,
+        attachments: attachmentPayloads,
+        files: Object.values(filePayloads)
+      },
+      blocks: offlineAttachments.map((attachment) => attachment.offline_id),
+      blockers: offlineAttachments.map((attachment) => attachment.file_sha1)
     });
-    return [offlineComponentType, promise];
-  }
-  update(componentType) {
-    this.client.store.dispatch(addComponentType(componentType));
-    return this.enqueueRequest({
-      description: "Update ComponentType",
-      method: HttpMethod.PATCH,
-      url: `/components/types/${componentType.offline_id}/`,
-      payload: componentType,
-      blockers: [componentType.offline_id],
-      blocks: [componentType.offline_id]
+    promise.then(({ attachments, presigned_urls }) => {
+      store.dispatch(actions.updateAttachments(attachments));
+      this.processPresignedUrls(presigned_urls);
+    }).catch(() => {
+      store.dispatch(actions.removeAttachments(offlineAttachments.map((attachment) => attachment.offline_id)));
     });
+    return [offlineAttachments, promise.then(({ attachments }) => attachments)];
   }
-  async delete(componentTypeId) {
+  async deleteAttachment(attachmendId, actions, selectors) {
     const { store } = this.client;
-    const state = store.getState();
-    const componentType = selectComponentType(componentTypeId)(state);
-    if (!componentType) {
-      throw new Error("Expected componentType to exist");
-    }
-    const stagesOfComponentType = selectStagesFromComponentType(componentTypeId)(state) ?? [];
-    const attachmentsOfComponentType = selectAttachmentsOfComponentType(componentTypeId)(state);
-    store.dispatch(deleteComponentType(componentTypeId));
-    if (stagesOfComponentType.length > 0) {
-      const stagesOfComponentTypeIds = stagesOfComponentType.map(
-        (componentTypeStage) => componentTypeStage.offline_id
+    const attachment = selectors.selectAttachment(attachmendId)(store.getState());
+    if (!attachment) {
+      throw new Error(
+        `Attempting to delete attachment with offline_id ${attachmendId} that does not exist in the store`
       );
-      store.dispatch(removeStages(stagesOfComponentTypeIds));
     }
-    if (attachmentsOfComponentType.length > 0) {
-      const attachmentsOfComponentTypeIds = attachmentsOfComponentType.map(({ offline_id }) => offline_id);
-      store.dispatch(removeComponentTypeAttachments(attachmentsOfComponentTypeIds));
+    store.dispatch(actions.removeAttachment(attachment.offline_id));
+    const meta = AttachmentModelMeta[this.attachmentModel];
+    const promise = this.enqueueRequest({
+      description: "Delete attachment",
+      method: HttpMethod.DELETE,
+      url: `${meta.deleteUrlPrefix}/attachments/${attachmendId}/`,
+      blockers: [attachmendId],
+      blocks: []
+    });
+    promise.then(() => {
+      if (this.getNumberOfAttachmentsWithSha1(attachment.file_sha1) === 0) {
+        void this.client.files.removeCache(attachment.file_sha1);
+      }
+    }).catch(() => {
+      store.dispatch(actions.setAttachment(attachment));
+    });
+    return promise;
+  }
+}
+class ComponentAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Component);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      component: data.modelId
+    });
+  }
+  async attachFilesToComponent(files, componentId) {
+    return this.attachFiles(
+      files,
+      componentId,
+      this.buildOfflineAttachment.bind(this),
+      {
+        addAttachments: addComponentAttachments,
+        updateAttachments: updateComponentAttachments,
+        removeAttachments: removeComponentAttachments
+      }
+    );
+  }
+  deleteComponentAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setComponentAttachment,
+        removeAttachment: removeComponentAttachment
+      },
+      {
+        selectAttachment: selectComponentAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setComponentAttachments
+    });
+  }
+}
+class ComponentTypeService extends BaseApiService {
+  add(componentType) {
+    const offlineComponentType = offline(componentType);
+    const { store } = this.client;
+    const activeProjectId = store.getState().projectReducer.activeProjectId;
+    store.dispatch(addComponentType(offlineComponentType));
+    const promise = this.enqueueRequest({
+      description: "Create ComponentType",
+      method: HttpMethod.POST,
+      url: `/projects/${activeProjectId}/component-types/`,
+      payload: { ...offlineComponentType },
+      blockers: [],
+      blocks: [offlineComponentType.offline_id]
+    });
+    return [offlineComponentType, promise];
+  }
+  update(componentType) {
+    this.client.store.dispatch(addComponentType(componentType));
+    return this.enqueueRequest({
+      description: "Update ComponentType",
+      method: HttpMethod.PATCH,
+      url: `/components/types/${componentType.offline_id}/`,
+      payload: componentType,
+      blockers: [componentType.offline_id],
+      blocks: [componentType.offline_id]
+    });
+  }
+  async delete(componentTypeId) {
+    const { store } = this.client;
+    const state = store.getState();
+    const componentType = selectComponentType(componentTypeId)(state);
+    if (!componentType) {
+      throw new Error("Expected componentType to exist");
+    }
+    const stagesOfComponentType = selectStagesFromComponentType(componentTypeId)(state) ?? [];
+    const attachmentsOfComponentType = selectAttachmentsOfComponentType(componentTypeId)(state);
+    store.dispatch(deleteComponentType(componentTypeId));
+    if (stagesOfComponentType.length > 0) {
+      const stagesOfComponentTypeIds = stagesOfComponentType.map(
+        (componentTypeStage) => componentTypeStage.offline_id
+      );
+      store.dispatch(removeStages(stagesOfComponentTypeIds));
+    }
+    if (attachmentsOfComponentType.length > 0) {
+      const attachmentsOfComponentTypeIds = attachmentsOfComponentType.map(({ offline_id }) => offline_id);
+      store.dispatch(removeComponentTypeAttachments(attachmentsOfComponentTypeIds));
     }
     return this.enqueueRequest({
       description: "Delete ComponentType",
@@ -6372,6 +6050,53 @@ class ComponentTypeService extends BaseApiService {
     store.dispatch(setComponentTypes(result));
   }
 }
+class ComponentTypeAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.ComponentType);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      component_type: data.modelId
+    });
+  }
+  async attachFilesToComponentType(files, componentTypeId) {
+    return this.attachFiles(
+      files,
+      componentTypeId,
+      this.buildOfflineAttachment.bind(this),
+      {
+        addAttachments: addComponentTypeAttachments,
+        updateAttachments: updateComponentTypeAttachments,
+        removeAttachments: removeComponentTypeAttachments
+      }
+    );
+  }
+  deleteComponentTypeAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setComponentTypeAttachment,
+        removeAttachment: removeComponentTypeAttachment
+      },
+      {
+        selectAttachment: selectComponentTypeAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setComponentTypeAttachments
+    });
+  }
+}
 class IssueCommentService extends BaseApiService {
   // Omit author and submitted_at since these will always be set internally
   add(comment) {
@@ -6468,11 +6193,53 @@ class IssueUpdateService extends BaseApiService {
     store.dispatch(setIssueUpdates(filteredResult));
   }
 }
+class IssueAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Issue);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      issue: data.modelId
+    });
+  }
+  async attachFilesToIssue(files, issueId) {
+    return this.attachFiles(files, issueId, this.buildOfflineAttachment.bind(this), {
+      addAttachments: addIssueAttachments,
+      updateAttachments: updateIssueAttachments,
+      removeAttachments: removeIssueAttachments
+    });
+  }
+  deleteIssueAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setIssueAttachment,
+        removeAttachment: removeIssueAttachment
+      },
+      {
+        selectAttachment: selectIssueAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setIssueAttachments
+    });
+  }
+}
 class IssueService extends BaseApiService {
   // Basic CRUD functions
   // TODO: Once all models are represented in `Created<TModel>`, use `Created` in `OptimisticModelResult`, so we don't
   //  have to repeat it for all optimistic model results (all optimistic results are created).
-  add(issue, issue_type = null) {
+  add(issue, issueType = null) {
     const { store } = this.client;
     const dateWithoutMilliseconds = /* @__PURE__ */ new Date();
     const state = store.getState();
@@ -6499,7 +6266,7 @@ class IssueService extends BaseApiService {
       url: "/issues/",
       queryParams: {
         workspace_id: workspaceId,
-        ...issue_type ? { issue_type } : {}
+        ...issueType ? { issue_type: issueType } : {}
       },
       payload: issuePayload,
       blockers: [
@@ -6636,7 +6403,7 @@ class IssueService extends BaseApiService {
       this.client.store.dispatch(updateIssue(issueToBeUpdated));
       this.client.store.dispatch(removeIssueUpdate(offlineIssueUpdate.offline_id));
     });
-    const fullIssue = this.client.store.getState().issueReducer.issues[issue.offline_id];
+    const fullIssue = state.issueReducer.issues[issue.offline_id];
     return [fullIssue, promise];
   }
   async remove(id) {
@@ -6687,14 +6454,15 @@ class IssueService extends BaseApiService {
 class IssueTypeService extends BaseApiService {
   add(payload) {
     const { store } = this.client;
-    const activeOrganizationId = store.getState().organizationReducer.activeOrganizationId;
+    const state = store.getState();
+    const activeOrganizationId = state.organizationReducer.activeOrganizationId;
     if (!activeOrganizationId) {
       throw new Error(`No active organization, got ${activeOrganizationId} for activeOrganizationId.`);
     }
     const offlineIssueType = offline({
       ...payload,
       submitted_at: (/* @__PURE__ */ new Date()).toISOString(),
-      created_by: store.getState().userReducer.currentUser.id,
+      created_by: state.userReducer.currentUser.id,
       organization: activeOrganizationId
     });
     store.dispatch(addIssueType(offlineIssueType));
@@ -6747,11 +6515,12 @@ class IssueTypeService extends BaseApiService {
   }
   delete(issueTypeId) {
     const { store } = this.client;
-    const issueTypeToDelete = store.getState().issueTypeReducer.issueTypes[issueTypeId];
+    const state = store.getState();
+    const issueTypeToDelete = state.issueTypeReducer.issueTypes[issueTypeId];
     if (!issueTypeToDelete) {
       throw new Error(`IssueType with offline_id ${issueTypeId} does not exist in the store.`);
     }
-    const issuesOfIssueType = selectIssuesOfIssueType(issueTypeId)(store.getState()) ?? [];
+    const issuesOfIssueType = selectIssuesOfIssueType(issueTypeId)(state) ?? [];
     store.dispatch(removeIssueType(issueTypeId));
     store.dispatch(removeIssues(issuesOfIssueType.map((issue) => issue.offline_id)));
     const promise = this.enqueueRequest({
@@ -6912,6 +6681,7 @@ class MainService extends BaseApiService {
       const usersResult = await usersResultPromise;
       await projectAccessRefreshPromise;
       store.dispatch(addUsers(usersResult));
+      void this.client.projectAttachments.refreshStore();
     }
     let currentWorkspaceId;
     const oldWorkspaceId = this.client.store.getState().workspaceReducer.activeWorkspaceId;
@@ -6924,35 +6694,29 @@ class MainService extends BaseApiService {
       store.dispatch(setActiveWorkspaceId(currentWorkspaceId));
       void this.client.categories.refreshStore().then(() => {
         void this.client.issues.refreshStore().then(() => {
+          void this.client.issueAttachments.refreshStore().then();
           void this.client.issueComments.refreshStore().then();
+          void this.client.issueUpdates.refreshStore().then();
         });
       });
       void this.client.projectFiles.refreshStore().then();
       void this.client.componentTypes.refreshStore().then(() => {
-        void this.client.componentStages.refreshStore().then(() => {
-          void this.client.components.refreshStore(overwrite).then();
+        void this.client.componentTypeAttachments.refreshStore().then(() => {
+          void this.client.componentStages.refreshStore().then(() => {
+            void this.client.components.refreshStore(overwrite).then(() => {
+              void this.client.componentAttachments.refreshStore().then();
+            });
+          });
+          void this.client.componentStageCompletions.refreshStore().then();
         });
-        void this.client.componentStageCompletions.refreshStore().then();
       });
       void this.client.userForms.refreshStore().then(() => {
         void this.client.userFormSubmissions.refreshStore().then();
       });
     }
     if (currentProjectId) {
-      const [_offlineAttachments, promise] = this.client.attachments.fetchAll(currentProjectId);
-      void promise.then((result) => {
-        const {
-          issue_attachments,
-          component_type_attachments,
-          component_attachments,
-          project_attachments,
-          document_attachments
-        } = result;
-        store.dispatch(setIssueAttachments(issue_attachments));
-        store.dispatch(setComponentAttachments(component_attachments));
-        store.dispatch(setComponentTypeAttachments(component_type_attachments));
-        store.dispatch(setProjectAttachments(project_attachments));
-        store.dispatch(setDocumentAttachments(document_attachments));
+      void this.client.documents.refreshStore().then(() => {
+        void this.client.documentAttachments.refreshStore().then();
       });
       void this.client.documents.refreshStore();
       void this.client.issueUpdates.refreshStore();
@@ -7055,6 +6819,7 @@ class ProjectFileService extends BaseApiService {
     });
     return promise;
   }
+  // TODO: This needs to be seperated into a update and create method
   saveActive() {
     const { store } = this.client;
     const state = store.getState();
@@ -7120,6 +6885,48 @@ class ProjectFileService extends BaseApiService {
     });
   }
 }
+class ProjectAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Project);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      project: data.modelId
+    });
+  }
+  async attachFilesToProject(files, projectId) {
+    return this.attachFiles(files, projectId, this.buildOfflineAttachment.bind(this), {
+      addAttachments: addProjectAttachments,
+      updateAttachments: updateProjectAttachments,
+      removeAttachments: removeProjectAttachments
+    });
+  }
+  deleteProjectAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setProjectAttachment,
+        removeAttachment: removeProjectAttachment
+      },
+      {
+        selectAttachment: selectProjectAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setProjectAttachments
+    });
+  }
+}
 class ProjectService extends BaseApiService {
   /**
    * Creates a new project. Due to the nature of project creation,
@@ -8511,6 +8318,48 @@ class DocumentService extends BaseApiService {
     store.dispatch(addDocuments(await organizationDocumentsPromise));
   }
 }
+class DocumentAttachmentService extends BaseAttachmentService {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "attachmentModel", AttachmentModel.Document);
+  }
+  buildOfflineAttachment(data) {
+    return offline({
+      file: URL.createObjectURL(data.file),
+      file_sha1: data.sha1,
+      created_by: data.createdBy,
+      file_name: data.file.name,
+      file_type: data.file.type,
+      submitted_at: data.submittedAt,
+      description: data.description,
+      document: data.modelId
+    });
+  }
+  async attachFilesToDocument(files, documentId) {
+    return this.attachFiles(files, documentId, this.buildOfflineAttachment.bind(this), {
+      addAttachments: addDocumentAttachments,
+      updateAttachments: updateDocumentAttachments,
+      removeAttachments: removeDocumentAttachments
+    });
+  }
+  deleteDocumentAttachment(attachmentId) {
+    return this.deleteAttachment(
+      attachmentId,
+      {
+        setAttachment: setDocumentAttachment,
+        removeAttachment: removeDocumentAttachment
+      },
+      {
+        selectAttachment: selectDocumentAttachment
+      }
+    );
+  }
+  async refreshStore() {
+    return this.getAttachments({
+      setAttachments: setDocumentAttachments
+    });
+  }
+}
 class AgentService extends BaseApiService {
   /**
    * Prompt the agent with a message.
@@ -8542,18 +8391,6 @@ class AgentService extends BaseApiService {
       blocks: ["rate"]
     });
   }
-  async refreshStore() {
-    const { store } = this.client;
-    const activeProject = store.getState().projectReducer.activeProjectId;
-    const result = await this.enqueueRequest({
-      description: "Get agent conversation history",
-      method: HttpMethod.GET,
-      url: `/projects/${activeProject}/agent-conversations/`,
-      blockers: ["agent-conversations"],
-      blocks: ["agent-conversations"]
-    });
-    store.dispatch(setConversations(result));
-  }
 }
 class TeamService extends BaseApiService {
   add(teamPayload) {
@@ -8697,7 +8534,6 @@ class OvermapSDK {
     __publicField(this, "store");
     __publicField(this, "agent", new AgentService(this));
     __publicField(this, "files", new FileService(this));
-    __publicField(this, "attachments", new AttachmentService(this));
     __publicField(this, "auth", new AuthService(this));
     __publicField(this, "categories", new CategoryService(this));
     __publicField(this, "projectAccesses", new ProjectAccessService(this));
@@ -8707,21 +8543,26 @@ class OvermapSDK {
     __publicField(this, "issueTypes", new IssueTypeService(this));
     __publicField(this, "issueComments", new IssueCommentService(this));
     __publicField(this, "issueUpdates", new IssueUpdateService(this));
+    __publicField(this, "issueAttachments", new IssueAttachmentService(this));
     __publicField(this, "workspaces", new WorkspaceService(this));
     __publicField(this, "main", new MainService(this));
     __publicField(this, "components", new ComponentService(this));
+    __publicField(this, "componentAttachments", new ComponentAttachmentService(this));
     __publicField(this, "componentTypes", new ComponentTypeService(this));
+    __publicField(this, "componentTypeAttachments", new ComponentTypeAttachmentService(this));
     __publicField(this, "componentStages", new ComponentStageService(this));
     __publicField(this, "componentStageCompletions", new ComponentStageCompletionService(this));
     __publicField(this, "userForms", new UserFormService(this));
     __publicField(this, "userFormSubmissions", new UserFormSubmissionService(this));
     __publicField(this, "projects", new ProjectService(this));
     __publicField(this, "projectFiles", new ProjectFileService(this));
+    __publicField(this, "projectAttachments", new ProjectAttachmentService(this));
     __publicField(this, "emailVerification", new EmailVerificationService(this));
     __publicField(this, "emailDomains", new EmailDomainsService(this));
     __publicField(this, "licenses", new LicenseService(this));
     __publicField(this, "documents", new DocumentService(this));
     __publicField(this, "teams", new TeamService(this));
+    __publicField(this, "documentAttachments", new DocumentAttachmentService(this));
     this.API_URL = apiUrl;
     this.store = store;
   }
@@ -9049,260 +8890,6 @@ const useFormikInput = (props) => {
     { ...rest, "aria-labelledby": labelId }
   ];
 };
-const truthyValues = [true, "true"];
-const BooleanInput = memo((props) => {
-  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
-  let [{ helpText, label }] = useFormikInput(props);
-  helpText = showInputOnly ? null : helpText;
-  label = showInputOnly ? "" : label;
-  const color = useSeverityColor(severity);
-  const value = truthyValues.includes(fieldProps.value);
-  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(
-    InputWithLabel,
-    {
-      size,
-      severity,
-      inputId,
-      labelId,
-      label,
-      image: showInputOnly ? void 0 : field.image,
-      flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
-      children: /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          ...rest,
-          ...fieldProps,
-          id: inputId,
-          color,
-          value: value.toString(),
-          checked: value,
-          onCheckedChange: fieldProps.onChange,
-          onChange: void 0,
-          onBlur: void 0
-        }
-      )
-    }
-  ) });
-});
-BooleanInput.displayName = "BooleanInput";
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = React__default.createContext && /* @__PURE__ */ React__default.createContext(DefaultContext);
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null)
-    return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t)
-    return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i)
-      return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React__default.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React__default.createElement(IconBase, _extends$1({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title: title2
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className)
-      className = conf.className;
-    if (props.className)
-      className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React__default.createElement("svg", _extends$1({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title2 && /* @__PURE__ */ React__default.createElement("title", null, title2), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ React__default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-function RiArrowDownLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" }, "child": [] }] })(props);
-}
-function RiArrowUpLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z" }, "child": [] }] })(props);
-}
-function RiCalendarLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z" }, "child": [] }] })(props);
-}
-function RiQrCodeLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M16 17V16H13V13H16V15H18V17H17V19H15V21H13V18H15V17H16ZM21 21H17V19H19V17H21V21ZM3 3H11V11H3V3ZM5 5V9H9V5H5ZM13 3H21V11H13V3ZM15 5V9H19V5H15ZM3 13H11V21H3V13ZM5 15V19H9V15H5ZM18 13H21V15H18V13ZM6 6H8V8H6V6ZM6 16H8V18H6V16ZM16 6H18V8H16V6Z" }, "child": [] }] })(props);
-}
-function RiFileCopyLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z" }, "child": [] }] })(props);
-}
-function RiAlignJustify(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM3 14H21V16H3V14ZM3 9H21V11H3V9Z" }, "child": [] }] })(props);
-}
-function RiHashtag(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M7.78428 14L8.2047 10H4V8H8.41491L8.94043 3H10.9514L10.4259 8H14.4149L14.9404 3H16.9514L16.4259 8H20V10H16.2157L15.7953 14H20V16H15.5851L15.0596 21H13.0486L13.5741 16H9.58509L9.05957 21H7.04855L7.57407 16H4V14H7.78428ZM9.7953 14H13.7843L14.2047 10H10.2157L9.7953 14Z" }, "child": [] }] })(props);
-}
-function RiInputField(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 5H11V19H8V21H16V19H13V5H16V3H8V5ZM2 7C1.44772 7 1 7.44772 1 8V16C1 16.5523 1.44772 17 2 17H8V15H3V9H8V7H2ZM16 9H21V15H16V17H22C22.5523 17 23 16.5523 23 16V8C23 7.44772 22.5523 7 22 7H16V9Z" }, "child": [] }] })(props);
-}
-function RiListCheck(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z" }, "child": [] }] })(props);
-}
-function RiImageLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z" }, "child": [] }] })(props);
-}
-function RiCheckboxCircleLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
-}
-function RiCheckboxLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
-}
-function RiDeleteBin2Line(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM13.4142 13.9997L15.182 15.7675L13.7678 17.1817L12 15.4139L10.2322 17.1817L8.81802 15.7675L10.5858 13.9997L8.81802 12.232L10.2322 10.8178L12 12.5855L13.7678 10.8178L15.182 12.232L13.4142 13.9997ZM9 4V6H15V4H9Z" }, "child": [] }] })(props);
-}
-function RiMenuFoldLine(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M21 17.9995V19.9995H3V17.9995H21ZM6.59619 3.90332L8.01041 5.31753L4.82843 8.49951L8.01041 11.6815L6.59619 13.0957L2 8.49951L6.59619 3.90332ZM21 10.9995V12.9995H12V10.9995H21ZM21 3.99951V5.99951H12V3.99951H21Z" }, "child": [] }] })(props);
-}
-function RiUpload2Line(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19ZM13 9V16H11V9H6L12 3L18 9H13Z" }, "child": [] }] })(props);
-}
-const emptyBooleanField = {
-  ...emptyBaseField,
-  type: "boolean"
-};
-const _BooleanField = class _BooleanField extends BaseField {
-  constructor(options) {
-    super({ ...options, type: "boolean" });
-    __publicField(this, "onlyValidateAfterTouched", false);
-  }
-  // if a BooleanField is required, `false` is considered blank
-  isBlank(value) {
-    return this.required && !value;
-  }
-  getValueFromChangeEvent(event) {
-    if (typeof event === "boolean")
-      return event;
-    return event.target.checked;
-  }
-  serialize() {
-    return super._serialize();
-  }
-  static deserialize(data) {
-    if (data.type !== "boolean")
-      throw new Error("Type mismatch.");
-    return new _BooleanField(data);
-  }
-  getInput(props) {
-    return /* @__PURE__ */ jsx(BooleanInput, { ...props, field: this });
-  }
-};
-__publicField(_BooleanField, "fieldTypeName", "Checkbox");
-__publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
-__publicField(_BooleanField, "Icon", RiCheckboxCircleLine);
-let BooleanField = _BooleanField;
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -9355,8 +8942,8 @@ var classnames = { exports: {} };
 })(classnames);
 var classnamesExports = classnames.exports;
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9367,7 +8954,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
@@ -9498,11 +9085,11 @@ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ forwardRef((pr
       } else
         return child;
     });
-    return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+    return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends$1({}, slotProps, {
       ref: forwardedRef
     }), /* @__PURE__ */ isValidElement(newElement) ? /* @__PURE__ */ cloneElement(newElement, void 0, newChildren) : null);
   }
-  return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+  return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, _extends$1({}, slotProps, {
     ref: forwardedRef
   }), children);
 });
@@ -9580,7 +9167,7 @@ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.re
     useEffect(() => {
       window[Symbol.for("radix-ui")] = true;
     }, []);
-    return /* @__PURE__ */ createElement(Comp, _extends({}, primitiveProps, {
+    return /* @__PURE__ */ createElement(Comp, _extends$1({}, primitiveProps, {
       ref: forwardedRef
     }));
   });
@@ -10139,9 +9726,9 @@ const Inset = React.forwardRef((props, forwardedRef) => {
   return React.createElement("div", { ...insetProps, ref: forwardedRef, className: classNames("rt-Inset", className, withBreakpoints(side, "rt-r-side"), withBreakpoints(clip, "rt-r-clip"), withBreakpoints(p, "rt-r-p"), withBreakpoints(px, "rt-r-px"), withBreakpoints(py, "rt-r-py"), withBreakpoints(pt, "rt-r-pt"), withBreakpoints(pr, "rt-r-pr"), withBreakpoints(pb, "rt-r-pb"), withBreakpoints(pl, "rt-r-pl"), withMarginProps(marginProps)) });
 });
 Inset.displayName = "Inset";
-const sizes$8 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const sizes$9 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const headingPropDefs = {
-  size: { type: "enum", values: sizes$8, default: "6", responsive: true },
+  size: { type: "enum", values: sizes$9, default: "6", responsive: true },
   weight: { ...weightProp, default: "bold" },
   align: alignProp,
   trim: trimProp,
@@ -10154,9 +9741,9 @@ const Heading = React.forwardRef((props, forwardedRef) => {
   return React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, { "data-accent-color": color, ...headingProps, ref: forwardedRef, className: classNames("rt-Heading", className, withBreakpoints(size, "rt-r-size"), withBreakpoints(weight, "rt-r-weight"), withBreakpoints(align, "rt-r-ta"), withBreakpoints(trim, "rt-r-lt"), { "rt-high-contrast": highContrast }, withMarginProps(marginProps)) }, asChild ? children : React.createElement(Tag, null, children));
 });
 Heading.displayName = "Heading";
-const sizes$7 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const sizes$8 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const textPropDefs = {
-  size: { type: "enum", values: sizes$7, default: void 0, responsive: true },
+  size: { type: "enum", values: sizes$8, default: void 0, responsive: true },
   weight: weightProp,
   align: alignProp,
   trim: trimProp,
@@ -10169,11 +9756,11 @@ const Text = React.forwardRef((props, forwardedRef) => {
   return React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, { "data-accent-color": color, ...textProps, ref: forwardedRef, className: classNames("rt-Text", className, withBreakpoints(size, "rt-r-size"), withBreakpoints(weight, "rt-r-weight"), withBreakpoints(align, "rt-r-ta"), withBreakpoints(trim, "rt-r-lt"), { "rt-high-contrast": highContrast }, withMarginProps(marginProps)) }, asChild ? children : React.createElement(Tag, null, children));
 });
 Text.displayName = "Text";
-const sizes$6 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-const variants$4 = ["solid", "soft", "outline", "ghost"];
+const sizes$7 = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+const variants$5 = ["solid", "soft", "outline", "ghost"];
 const codePropDefs = {
-  size: { type: "enum", values: sizes$6, default: void 0, responsive: true },
-  variant: { type: "enum", values: variants$4, default: "soft" },
+  size: { type: "enum", values: sizes$7, default: void 0, responsive: true },
+  variant: { type: "enum", values: variants$5, default: "soft" },
   weight: weightProp,
   color: colorProp,
   highContrast: highContrastProp
@@ -10203,6 +9790,202 @@ function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
     value
   ]);
 }
+const $e698a72e93240346$var$CHECKBOX_NAME = "Checkbox";
+const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($e698a72e93240346$var$CHECKBOX_NAME);
+const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
+const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props;
+  const [button, setButton] = useState(null);
+  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
+    forwardedRef,
+    (node) => setButton(node)
+  );
+  const hasConsumerStoppedPropagationRef = useRef(false);
+  const isFormControl = button ? Boolean(button.closest("form")) : true;
+  const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+    prop: checkedProp,
+    defaultProp: defaultChecked,
+    onChange: onCheckedChange
+  });
+  const initialCheckedStateRef = useRef(checked);
+  useEffect(() => {
+    const form = button === null || button === void 0 ? void 0 : button.form;
+    if (form) {
+      const reset = () => setChecked(initialCheckedStateRef.current);
+      form.addEventListener("reset", reset);
+      return () => form.removeEventListener("reset", reset);
+    }
+  }, [
+    button,
+    setChecked
+  ]);
+  return /* @__PURE__ */ createElement($e698a72e93240346$var$CheckboxProvider, {
+    scope: __scopeCheckbox,
+    state: checked,
+    disabled
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$1({
+    type: "button",
+    role: "checkbox",
+    "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? "mixed" : checked,
+    "aria-required": required,
+    "data-state": $e698a72e93240346$var$getState(checked),
+    "data-disabled": disabled ? "" : void 0,
+    disabled,
+    value
+  }, checkboxProps, {
+    ref: composedRefs,
+    onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
+      if (event.key === "Enter")
+        event.preventDefault();
+    }),
+    onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event) => {
+      setChecked(
+        (prevChecked) => $e698a72e93240346$var$isIndeterminate(prevChecked) ? true : !prevChecked
+      );
+      if (isFormControl) {
+        hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+        if (!hasConsumerStoppedPropagationRef.current)
+          event.stopPropagation();
+      }
+    })
+  })), isFormControl && /* @__PURE__ */ createElement($e698a72e93240346$var$BubbleInput, {
+    control: button,
+    bubbles: !hasConsumerStoppedPropagationRef.current,
+    name,
+    value,
+    checked,
+    required,
+    disabled,
+    style: {
+      transform: "translateX(-100%)"
+    }
+  }));
+});
+const $e698a72e93240346$var$INDICATOR_NAME = "CheckboxIndicator";
+const $e698a72e93240346$export$59aad738f51d1c05 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+  const context = $e698a72e93240346$var$useCheckboxContext($e698a72e93240346$var$INDICATOR_NAME, __scopeCheckbox);
+  return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    present: forceMount || $e698a72e93240346$var$isIndeterminate(context.state) || context.state === true
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
+    "data-state": $e698a72e93240346$var$getState(context.state),
+    "data-disabled": context.disabled ? "" : void 0
+  }, indicatorProps, {
+    ref: forwardedRef,
+    style: {
+      pointerEvents: "none",
+      ...props.style
+    }
+  })));
+});
+const $e698a72e93240346$var$BubbleInput = (props) => {
+  const { control, checked, bubbles = true, ...inputProps } = props;
+  const ref = useRef(null);
+  const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
+  const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control);
+  useEffect(() => {
+    const input = ref.current;
+    const inputProto = window.HTMLInputElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+    const setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", {
+        bubbles
+      });
+      input.indeterminate = $e698a72e93240346$var$isIndeterminate(checked);
+      setChecked.call(input, $e698a72e93240346$var$isIndeterminate(checked) ? false : checked);
+      input.dispatchEvent(event);
+    }
+  }, [
+    prevChecked,
+    checked,
+    bubbles
+  ]);
+  return /* @__PURE__ */ createElement("input", _extends$1({
+    type: "checkbox",
+    "aria-hidden": true,
+    defaultChecked: $e698a72e93240346$var$isIndeterminate(checked) ? false : checked
+  }, inputProps, {
+    tabIndex: -1,
+    ref,
+    style: {
+      ...props.style,
+      ...controlSize,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  }));
+};
+function $e698a72e93240346$var$isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function $e698a72e93240346$var$getState(checked) {
+  return $e698a72e93240346$var$isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
+const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
+const sizes$6 = ["1", "2", "3"];
+const variants$4 = ["classic", "surface", "soft"];
+const checkboxPropDefs = {
+  size: { type: "enum", values: sizes$6, default: "2", responsive: true },
+  variant: { type: "enum", values: variants$4, default: "surface" },
+  color: colorProp,
+  highContrast: highContrastProp
+};
+const ThickCheckIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "9", height: "9", viewBox: "0 0 9 9", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z" })
+  );
+});
+ThickCheckIcon.displayName = "ThickCheckIcon";
+const ChevronDownIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "9", height: "9", viewBox: "0 0 9 9", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { d: "M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z" })
+  );
+});
+ChevronDownIcon.displayName = "ChevronDownIcon";
+const ThickChevronRightIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "9", height: "9", viewBox: "0 0 9 9", fill: color, xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z" })
+  );
+});
+ThickChevronRightIcon.displayName = "ThickChevronRightIcon";
+const InfoCircledIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return React.createElement(
+    "svg",
+    { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef },
+    React.createElement("path", { d: "M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z", fill: color, fillRule: "evenodd", clipRule: "evenodd" })
+  );
+});
+InfoCircledIcon.displayName = "InfoCircledIcon";
+const Checkbox = React.forwardRef((props, forwardedRef) => {
+  const { rest: marginRest, ...marginProps } = extractMarginProps(props);
+  const { className, style, size = checkboxPropDefs.size.default, variant = checkboxPropDefs.variant.default, color = checkboxPropDefs.color.default, highContrast = checkboxPropDefs.highContrast.default, ...checkboxProps } = marginRest;
+  return React.createElement(
+    "span",
+    { className: classNames("rt-CheckboxRoot", className, withBreakpoints(size, "rt-r-size"), withMarginProps(marginProps)), style },
+    React.createElement(
+      $e698a72e93240346$export$be92b6f5f03c0fe9,
+      { "data-accent-color": color, ...checkboxProps, ref: forwardedRef, className: classNames("rt-reset", "rt-CheckboxButton", `rt-variant-${variant}`, {
+        "rt-high-contrast": highContrast
+      }) },
+      React.createElement(
+        $e698a72e93240346$export$adb584737d712b70,
+        { className: "rt-CheckboxIndicator" },
+        React.createElement(ThickCheckIcon, { className: "rt-CheckboxIndicatorIcon" })
+      )
+    )
+  );
+});
+Checkbox.displayName = "Checkbox";
 function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
@@ -10294,7 +10077,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /* @__PURE__ */ forwardRef((pr
     scope: props.__scopeRovingFocusGroup
   }, /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
     scope: props.__scopeRovingFocusGroup
-  }, /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
+  }, /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends$1({}, props, {
     ref: forwardedRef
   }))));
 });
@@ -10350,7 +10133,7 @@ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /* @__PURE__ */ forwardRef((p
       ),
       []
     )
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
     "data-orientation": orientation
   }, groupProps, {
@@ -10420,7 +10203,7 @@ const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /* @__PURE__ */ forwardRef((pro
     id,
     focusable,
     active
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     tabIndex: isCurrentTabStop ? 0 : -1,
     "data-orientation": context.orientation
   }, itemProps, {
@@ -10560,7 +10343,7 @@ const $57acba87d6e25586$export$ccf8d8d7bbf3c2cc = /* @__PURE__ */ forwardRef((pr
     onScrollbarYEnabledChange: setScrollbarYEnabled,
     onCornerWidthChange: setCornerWidth,
     onCornerHeightChange: setCornerHeight
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     dir: direction
   }, scrollAreaProps, {
     ref: composedRefs,
@@ -10583,7 +10366,7 @@ const $57acba87d6e25586$export$a21cbf9f11fca853 = /* @__PURE__ */ forwardRef((pr
     dangerouslySetInnerHTML: {
       __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`
     }
-  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     "data-radix-scroll-area-viewport": ""
   }, viewportProps, {
     ref: composedRefs,
@@ -10627,16 +10410,16 @@ const $57acba87d6e25586$export$2fabd85d0eba3c57 = /* @__PURE__ */ forwardRef((pr
     onScrollbarXEnabledChange,
     onScrollbarYEnabledChange
   ]);
-  return context.type === "hover" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarHover, _extends({}, scrollbarProps, {
+  return context.type === "hover" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarHover, _extends$1({}, scrollbarProps, {
     ref: forwardedRef,
     forceMount
-  })) : context.type === "scroll" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarScroll, _extends({}, scrollbarProps, {
+  })) : context.type === "scroll" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarScroll, _extends$1({}, scrollbarProps, {
     ref: forwardedRef,
     forceMount
-  })) : context.type === "auto" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends({}, scrollbarProps, {
+  })) : context.type === "auto" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends$1({}, scrollbarProps, {
     ref: forwardedRef,
     forceMount
-  })) : context.type === "always" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends({}, scrollbarProps, {
+  })) : context.type === "always" ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends$1({}, scrollbarProps, {
     ref: forwardedRef
   })) : null;
 });
@@ -10672,7 +10455,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarHover = /* @__PURE__ */ forwardRe
   ]);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || visible
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, _extends$1({
     "data-state": visible ? "visible" : "hidden"
   }, scrollbarProps, {
     ref: forwardedRef
@@ -10742,7 +10525,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarScroll = /* @__PURE__ */ forwardR
   ]);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || state !== "hidden"
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends$1({
     "data-state": state === "hidden" ? "hidden" : "visible"
   }, scrollbarProps, {
     ref: forwardedRef,
@@ -10772,7 +10555,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarAuto = /* @__PURE__ */ forwardRef
   $57acba87d6e25586$var$useResizeObserver(context.content, handleResize);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || visible
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, _extends$1({
     "data-state": visible ? "visible" : "hidden"
   }, scrollbarProps, {
     ref: forwardedRef
@@ -10806,7 +10589,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarVisible = /* @__PURE__ */ forward
     return $57acba87d6e25586$var$getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes2, dir);
   }
   if (orientation === "horizontal")
-    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarX, _extends({}, commonProps, {
+    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarX, _extends$1({}, commonProps, {
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
@@ -10825,7 +10608,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarVisible = /* @__PURE__ */ forward
       }
     }));
   if (orientation === "vertical")
-    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarY, _extends({}, commonProps, {
+    return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarY, _extends$1({}, commonProps, {
       ref: forwardedRef,
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
@@ -10857,7 +10640,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarX = /* @__PURE__ */ forwardRef((p
   }, [
     ref
   ]);
-  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends({
+  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends$1({
     "data-orientation": "horizontal"
   }, scrollbarProps, {
     ref: composeRefs,
@@ -10905,7 +10688,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarY = /* @__PURE__ */ forwardRef((p
   }, [
     ref
   ]);
-  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends({
+  return /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, _extends$1({
     "data-orientation": "vertical"
   }, scrollbarProps, {
     ref: composeRefs,
@@ -11001,7 +10784,7 @@ const $57acba87d6e25586$var$ScrollAreaScrollbarImpl = /* @__PURE__ */ forwardRef
     onThumbPointerUp: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onThumbPointerUp),
     onThumbPositionChange: handleThumbPositionChange,
     onThumbPointerDown: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onThumbPointerDown)
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, scrollbarProps, {
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({}, scrollbarProps, {
     ref: composeRefs,
     style: {
       position: "absolute",
@@ -11038,7 +10821,7 @@ const $57acba87d6e25586$export$9fba1154677d7cd2 = /* @__PURE__ */ forwardRef((pr
   const scrollbarContext = $57acba87d6e25586$var$useScrollbarContext($57acba87d6e25586$var$THUMB_NAME, props.__scopeScrollArea);
   return /* @__PURE__ */ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
     present: forceMount || scrollbarContext.hasThumb
-  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaThumbImpl, _extends({
+  }, /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaThumbImpl, _extends$1({
     ref: forwardedRef
   }, thumbProps)));
 });
@@ -11078,7 +10861,7 @@ const $57acba87d6e25586$var$ScrollAreaThumbImpl = /* @__PURE__ */ forwardRef((pr
     debounceScrollEnd,
     onThumbPositionChange
   ]);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     "data-state": scrollbarContext.hasThumb ? "visible" : "hidden"
   }, thumbProps, {
     ref: composedRef,
@@ -11105,7 +10888,7 @@ const $57acba87d6e25586$export$56969d565df7cc4b = /* @__PURE__ */ forwardRef((pr
   const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$CORNER_NAME, props.__scopeScrollArea);
   const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
   const hasCorner = context.type !== "scroll" && hasBothScrollbarsVisible;
-  return hasCorner ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaCornerImpl, _extends({}, props, {
+  return hasCorner ? /* @__PURE__ */ createElement($57acba87d6e25586$var$ScrollAreaCornerImpl, _extends$1({}, props, {
     ref: forwardedRef
   })) : null;
 });
@@ -11127,7 +10910,7 @@ const $57acba87d6e25586$var$ScrollAreaCornerImpl = /* @__PURE__ */ forwardRef((p
     context.onCornerWidthChange(width);
     setWidth(width);
   });
-  return hasSize ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, cornerProps, {
+  return hasSize ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({}, cornerProps, {
     ref: forwardedRef,
     style: {
       width: width1,
@@ -11388,7 +11171,7 @@ const $faa2e61a3361514f$export$472062a354075cee = /* @__PURE__ */ forwardRef((pr
     scope: props.__scopeSlider
   }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$Collection.Slot, {
     scope: props.__scopeSlider
-  }, /* @__PURE__ */ createElement(SliderOrientation, _extends({
+  }, /* @__PURE__ */ createElement(SliderOrientation, _extends$1({
     "aria-disabled": disabled,
     "data-disabled": disabled ? "" : void 0
   }, sliderProps, {
@@ -11470,7 +11253,7 @@ const $faa2e61a3361514f$var$SliderHorizontal = /* @__PURE__ */ forwardRef((props
     endEdge: isSlidingFromLeft ? "right" : "left",
     direction: isSlidingFromLeft ? 1 : -1,
     size: "width"
-  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends({
+  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends$1({
     dir: direction,
     "data-orientation": "horizontal"
   }, sliderProps, {
@@ -11530,7 +11313,7 @@ const $faa2e61a3361514f$var$SliderVertical = /* @__PURE__ */ forwardRef((props,
     endEdge: isSlidingFromBottom ? "top" : "bottom",
     size: "height",
     direction: isSlidingFromBottom ? 1 : -1
-  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends({
+  }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderImpl, _extends$1({
     "data-orientation": "vertical"
   }, sliderProps, {
     ref,
@@ -11563,7 +11346,7 @@ const $faa2e61a3361514f$var$SliderVertical = /* @__PURE__ */ forwardRef((props,
 const $faa2e61a3361514f$var$SliderImpl = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props;
   const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$SLIDER_NAME, __scopeSlider);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, sliderProps, {
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, sliderProps, {
     ref: forwardedRef,
     onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
       if (event.key === "Home") {
@@ -11604,7 +11387,7 @@ const $faa2e61a3361514f$var$TRACK_NAME = "SliderTrack";
 const $faa2e61a3361514f$export$105594979f116971 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const { __scopeSlider, ...trackProps } = props;
   const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$TRACK_NAME, __scopeSlider);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     "data-disabled": context.disabled ? "" : void 0,
     "data-orientation": context.orientation
   }, trackProps, {
@@ -11624,7 +11407,7 @@ const $faa2e61a3361514f$export$a5cf38a7a000fe77 = /* @__PURE__ */ forwardRef((pr
   );
   const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
   const offsetEnd = 100 - Math.max(...percentages);
-  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  return /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     "data-orientation": context.orientation,
     "data-disabled": context.disabled ? "" : void 0
   }, rangeProps, {
@@ -11653,7 +11436,7 @@ const $faa2e61a3361514f$export$2c1b491743890dec = /* @__PURE__ */ forwardRef((pr
       thumb
     ]
   );
-  return /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends({}, props, {
+  return /* @__PURE__ */ createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends$1({}, props, {
     ref: composedRefs,
     index: index2
   }));
@@ -11692,7 +11475,7 @@ const $faa2e61a3361514f$var$SliderThumbImpl = /* @__PURE__ */ forwardRef((props,
     }
   }, /* @__PURE__ */ createElement($faa2e61a3361514f$var$Collection.ItemSlot, {
     scope: props.__scopeSlider
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({
     role: "slider",
     "aria-label": props["aria-label"] || label,
     "aria-valuemin": context.min,
@@ -11732,7 +11515,7 @@ const $faa2e61a3361514f$var$BubbleInput = (props) => {
     prevValue,
     value
   ]);
-  return /* @__PURE__ */ createElement("input", _extends({
+  return /* @__PURE__ */ createElement("input", _extends$1({
     style: {
       display: "none"
     }
@@ -11951,7 +11734,7 @@ const $cddcb0b647441e34$export$e2255cf6045e8d47 = /* @__PURE__ */ forwardRef((pr
     scope: __scopeAvatar,
     imageLoadingStatus,
     onImageLoadingStatusChange: setImageLoadingStatus
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, avatarProps, {
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, avatarProps, {
     ref: forwardedRef
   })));
 });
@@ -11972,7 +11755,7 @@ const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /* @__PURE__ */ forwardRef((pr
     imageLoadingStatus,
     handleLoadingStatusChange
   ]);
-  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends({}, imageProps, {
+  return imageLoadingStatus === "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$1({}, imageProps, {
     ref: forwardedRef,
     src
   })) : null;
@@ -11993,7 +11776,7 @@ const $cddcb0b647441e34$export$69fffb6a9571fbfe = /* @__PURE__ */ forwardRef((pr
   }, [
     delayMs
   ]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, fallbackProps, {
+  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$1({}, fallbackProps, {
     ref: forwardedRef
   })) : null;
 });
@@ -12097,7 +11880,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /* @__PURE__ */ forwardRef((pr
     orientation,
     dir: direction,
     activationMode
-  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }, /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     dir: direction,
     "data-orientation": orientation
   }, tabsProps, {
@@ -12109,13 +11892,13 @@ const $69cb30bb0017df05$export$9712d22edc0d78c1 = /* @__PURE__ */ forwardRef((pr
   const { __scopeTabs, loop = true, ...listProps } = props;
   const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs);
   const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
-  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
+  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends$1({
     asChild: true
   }, rovingFocusGroupScope, {
     orientation: context.orientation,
     dir: context.dir,
     loop
-  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
     role: "tablist",
     "aria-orientation": context.orientation
   }, listProps, {
@@ -12130,12 +11913,12 @@ const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /* @__PURE__ */ forwardRef((pr
   const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
   const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
   const isSelected = value === context.value;
-  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
+  return /* @__PURE__ */ createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends$1({
     asChild: true
   }, rovingFocusGroupScope, {
     focusable: !disabled,
     active: isSelected
-  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+  }), /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$1({
     type: "button",
     role: "tab",
     "aria-selected": isSelected,
@@ -12185,7 +11968,7 @@ const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /* @__PURE__ */ forwardRef((pr
     {
       present: forceMount || isSelected
     },
-    ({ present }) => /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+    ({ present }) => /* @__PURE__ */ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$1({
       "data-state": isSelected ? "active" : "inactive",
       "data-orientation": context.orientation,
       role: "tabpanel",
@@ -12245,6 +12028,260 @@ const Tabs = Object.assign({}, {
   Trigger: TabsTrigger,
   Content: TabsContent
 });
+const truthyValues = [true, "true"];
+const BooleanInput = memo((props) => {
+  const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
+  let [{ helpText, label }] = useFormikInput(props);
+  helpText = showInputOnly ? null : helpText;
+  label = showInputOnly ? "" : label;
+  const color = useSeverityColor(severity);
+  const value = truthyValues.includes(fieldProps.value);
+  return /* @__PURE__ */ jsx(InputWithLabelAndHelpText, { helpText, severity, children: /* @__PURE__ */ jsx(
+    InputWithLabel,
+    {
+      size,
+      severity,
+      inputId,
+      labelId,
+      label,
+      image: showInputOnly ? void 0 : field.image,
+      flexProps: { direction: "row-reverse", justify: "end", align: "center", gap: "2" },
+      children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          ...rest,
+          ...fieldProps,
+          id: inputId,
+          color,
+          value: value.toString(),
+          checked: value,
+          onCheckedChange: fieldProps.onChange,
+          onChange: void 0,
+          onBlur: void 0
+        }
+      )
+    }
+  ) });
+});
+BooleanInput.displayName = "BooleanInput";
+var DefaultContext = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+};
+var IconContext = React__default.createContext && /* @__PURE__ */ React__default.createContext(DefaultContext);
+var _excluded = ["attr", "size", "title"];
+function _objectWithoutProperties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t)
+    return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i)
+      return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function Tree2Element(tree) {
+  return tree && tree.map((node, i) => /* @__PURE__ */ React__default.createElement(node.tag, _objectSpread({
+    key: i
+  }, node.attr), Tree2Element(node.child)));
+}
+function GenIcon(data) {
+  return (props) => /* @__PURE__ */ React__default.createElement(IconBase, _extends({
+    attr: _objectSpread({}, data.attr)
+  }, props), Tree2Element(data.child));
+}
+function IconBase(props) {
+  var elem = (conf) => {
+    var {
+      attr,
+      size,
+      title: title2
+    } = props, svgProps = _objectWithoutProperties(props, _excluded);
+    var computedSize = size || conf.size || "1em";
+    var className;
+    if (conf.className)
+      className = conf.className;
+    if (props.className)
+      className = (className ? className + " " : "") + props.className;
+    return /* @__PURE__ */ React__default.createElement("svg", _extends({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, conf.attr, attr, svgProps, {
+      className,
+      style: _objectSpread(_objectSpread({
+        color: props.color || conf.color
+      }, conf.style), props.style),
+      height: computedSize,
+      width: computedSize,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), title2 && /* @__PURE__ */ React__default.createElement("title", null, title2), props.children);
+  };
+  return IconContext !== void 0 ? /* @__PURE__ */ React__default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+}
+function RiArrowDownLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" }, "child": [] }] })(props);
+}
+function RiArrowUpLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z" }, "child": [] }] })(props);
+}
+function RiCalendarLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z" }, "child": [] }] })(props);
+}
+function RiQrCodeLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M16 17V16H13V13H16V15H18V17H17V19H15V21H13V18H15V17H16ZM21 21H17V19H19V17H21V21ZM3 3H11V11H3V3ZM5 5V9H9V5H5ZM13 3H21V11H13V3ZM15 5V9H19V5H15ZM3 13H11V21H3V13ZM5 15V19H9V15H5ZM18 13H21V15H18V13ZM6 6H8V8H6V6ZM6 16H8V18H6V16ZM16 6H18V8H16V6Z" }, "child": [] }] })(props);
+}
+function RiFileCopyLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M6.9998 6V3C6.9998 2.44772 7.44752 2 7.9998 2H19.9998C20.5521 2 20.9998 2.44772 20.9998 3V17C20.9998 17.5523 20.5521 18 19.9998 18H16.9998V20.9991C16.9998 21.5519 16.5499 22 15.993 22H4.00666C3.45059 22 3 21.5554 3 20.9991L3.0026 7.00087C3.0027 6.44811 3.45264 6 4.00942 6H6.9998ZM5.00242 8L5.00019 20H14.9998V8H5.00242ZM8.9998 6H16.9998V16H18.9998V4H8.9998V6Z" }, "child": [] }] })(props);
+}
+function RiAlignJustify(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M3 4H21V6H3V4ZM3 19H21V21H3V19ZM3 14H21V16H3V14ZM3 9H21V11H3V9Z" }, "child": [] }] })(props);
+}
+function RiHashtag(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M7.78428 14L8.2047 10H4V8H8.41491L8.94043 3H10.9514L10.4259 8H14.4149L14.9404 3H16.9514L16.4259 8H20V10H16.2157L15.7953 14H20V16H15.5851L15.0596 21H13.0486L13.5741 16H9.58509L9.05957 21H7.04855L7.57407 16H4V14H7.78428ZM9.7953 14H13.7843L14.2047 10H10.2157L9.7953 14Z" }, "child": [] }] })(props);
+}
+function RiInputField(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 5H11V19H8V21H16V19H13V5H16V3H8V5ZM2 7C1.44772 7 1 7.44772 1 8V16C1 16.5523 1.44772 17 2 17H8V15H3V9H8V7H2ZM16 9H21V15H16V17H22C22.5523 17 23 16.5523 23 16V8C23 7.44772 22.5523 7 22 7H16V9Z" }, "child": [] }] })(props);
+}
+function RiListCheck(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z" }, "child": [] }] })(props);
+}
+function RiImageLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z" }, "child": [] }] })(props);
+}
+function RiCheckboxCircleLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
+}
+function RiCheckboxLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM5 5V19H19V5H5ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z" }, "child": [] }] })(props);
+}
+function RiDeleteBin2Line(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM13.4142 13.9997L15.182 15.7675L13.7678 17.1817L12 15.4139L10.2322 17.1817L8.81802 15.7675L10.5858 13.9997L8.81802 12.232L10.2322 10.8178L12 12.5855L13.7678 10.8178L15.182 12.232L13.4142 13.9997ZM9 4V6H15V4H9Z" }, "child": [] }] })(props);
+}
+function RiMenuFoldLine(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M21 17.9995V19.9995H3V17.9995H21ZM6.59619 3.90332L8.01041 5.31753L4.82843 8.49951L8.01041 11.6815L6.59619 13.0957L2 8.49951L6.59619 3.90332ZM21 10.9995V12.9995H12V10.9995H21ZM21 3.99951V5.99951H12V3.99951H21Z" }, "child": [] }] })(props);
+}
+function RiUpload2Line(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M4 19H20V12H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V12H4V19ZM13 9V16H11V9H6L12 3L18 9H13Z" }, "child": [] }] })(props);
+}
+const emptyBooleanField = {
+  ...emptyBaseField,
+  type: "boolean"
+};
+const _BooleanField = class _BooleanField extends BaseField {
+  constructor(options) {
+    super({ ...options, type: "boolean" });
+    __publicField(this, "onlyValidateAfterTouched", false);
+  }
+  // if a BooleanField is required, `false` is considered blank
+  isBlank(value) {
+    return this.required && !value;
+  }
+  getValueFromChangeEvent(event) {
+    if (typeof event === "boolean")
+      return event;
+    return event.target.checked;
+  }
+  serialize() {
+    return super._serialize();
+  }
+  static deserialize(data) {
+    if (data.type !== "boolean")
+      throw new Error("Type mismatch.");
+    return new _BooleanField(data);
+  }
+  getInput(props) {
+    return /* @__PURE__ */ jsx(BooleanInput, { ...props, field: this });
+  }
+};
+__publicField(_BooleanField, "fieldTypeName", "Checkbox");
+__publicField(_BooleanField, "fieldTypeDescription", "Perfect for both optional and required yes/no questions.");
+__publicField(_BooleanField, "Icon", RiCheckboxCircleLine);
+let BooleanField = _BooleanField;
 const NumberInput = memo((props) => {
   const [{ inputId, labelId, size, severity, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
   let [{ helpText, label }] = useFormikInput(props);
@@ -13350,7 +13387,7 @@ const QrInput = memo((props) => {
           ] }),
           value && /* @__PURE__ */ jsx(Text, { color: "jade", size: "1", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiCheckLine", style: { verticalAlign: "bottom" } }) })
         ] }),
-        value && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { width: "max-content", gap: "2", align: "center", children: [
+        !!value && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Flex, { width: "max-content", gap: "2", align: "center", children: [
           /* @__PURE__ */ jsx(Code, { color: "gray", highContrast: true, children: value }),
           /* @__PURE__ */ jsx(
             IconButton,
@@ -13390,9 +13427,7 @@ const QrScanner = memo((props) => {
       }
     );
     setIsScannerLoading(true);
-    qrScanner.start().then(() => {
-      setIsScannerLoading(false);
-    }).catch(() => {
+    void qrScanner.start().finally(() => {
       setIsScannerLoading(false);
     });
   }, [onQrScan]);
@@ -15790,7 +15825,7 @@ const FieldBuilder = memo((props) => {
           {
             name: `${parentPath}.${index2}.required`,
             render: ({ setValue, value }) => /* @__PURE__ */ jsx(
-              Checkbox,
+              Checkbox$1,
               {
                 checked: value,
                 onCheckedChange: setValue,
@@ -16554,7 +16589,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 export {
   APIError,
   AgentService,
-  AttachmentService,
+  AttachmentModel,
   AuthService,
   BaseApiService,
   BaseField,
@@ -16565,15 +16600,18 @@ export {
   ColorPicker,
   Colors,
   ColorsToString,
+  ComponentAttachmentService,
   ComponentService,
   ComponentStageColors,
   ComponentStageCompletionService,
   ComponentStageService,
+  ComponentTypeAttachmentService,
   ComponentTypeService,
   DEFAULT_ISSUE_PRIORITY,
   DEFAULT_ISSUE_STATUS,
   DateField,
   DateInput,
+  DocumentAttachmentService,
   DocumentService,
   EmailDomainsService,
   EmailVerificationService,
@@ -16597,6 +16635,7 @@ export {
   InputWithHelpText,
   InputWithLabel,
   InputWithLabelAndHelpText,
+  IssueAttachmentService,
   IssueCommentService,
   IssuePriority,
   IssueService,
@@ -16629,6 +16668,7 @@ export {
   PatchFormProvider,
   ProjectAccessLevel,
   ProjectAccessService,
+  ProjectAttachmentService,
   ProjectFileService,
   ProjectService,
   ProjectType,
@@ -16666,7 +16706,6 @@ export {
   addComponentTypeAttachment,
   addComponentTypeAttachments,
   addComponentsInBatches,
-  addConversation,
   addDocumentAttachment,
   addDocumentAttachments,
   addDocuments,
@@ -16707,8 +16746,6 @@ export {
   addToRecentIssues,
   addUsers,
   addWorkspace,
-  agentsReducer,
-  agentsSlice,
   areArraysEqual,
   authReducer,
   authSlice,
@@ -16735,7 +16772,6 @@ export {
   coordinatesToUrlText,
   createOfflineAction,
   createPointMarker,
-  createSelectorWithArgs,
   defaultBadgeColor,
   defaultStore,
   deleteComponentType,
@@ -16863,6 +16899,7 @@ export {
   removeFavouriteProjectId,
   removeIssue,
   removeIssueAttachment,
+  removeIssueAttachments,
   removeIssueComment,
   removeIssueComments,
   removeIssueType,
@@ -16950,9 +16987,6 @@ export {
   selectComponentsByType,
   selectComponentsFromComponentType,
   selectComponentsMapping,
-  selectConversation,
-  selectConversationMapping,
-  selectConversations,
   selectCreateProjectType,
   selectCurrentUser,
   selectDeletedRequests,
@@ -17040,6 +17074,7 @@ export {
   selectProjectAccessForUser,
   selectProjectAccessUserMapping,
   selectProjectAccesses,
+  selectProjectAttachment,
   selectProjectAttachmentMapping,
   selectProjectFileVisibility,
   selectProjectFiles,
@@ -17089,14 +17124,15 @@ export {
   setAppearance,
   setCategories,
   setCenterMapToProject,
+  setComponentAttachment,
   setComponentAttachments,
+  setComponentTypeAttachment,
   setComponentTypeAttachments,
   setComponentTypes,
   setComponents,
-  setConversation,
-  setConversations,
   setCreateProjectType,
   setCurrentUser,
+  setDocumentAttachment,
   setDocumentAttachments,
   setDocuments,
   setEmailDomains,
@@ -17113,6 +17149,7 @@ export {
   setIsFetchingInitialData,
   setIsImportingProjectFile,
   setIsLoading,
+  setIssueAttachment,
   setIssueAttachments,
   setIssueComment,
   setIssueComments,
@@ -17127,6 +17164,7 @@ export {
   setOrganizations,
   setProfilePicture,
   setProjectAccesses,
+  setProjectAttachment,
   setProjectAttachments,
   setProjectFileVisible,
   setProjects,
@@ -17161,20 +17199,25 @@ export {
   updateActiveOrganization,
   updateComponent,
   updateComponentAttachment,
+  updateComponentAttachments,
   updateComponentTypeAttachment,
+  updateComponentTypeAttachments,
   updateDocumentAttachment,
+  updateDocumentAttachments,
   updateDocuments,
   updateFormSubmission,
   updateFormSubmissionAttachments,
   updateFormSubmissions,
   updateIssue,
   updateIssueAttachment,
+  updateIssueAttachments,
   updateIssueType,
   updateLicense,
   updateOrCreateProject,
   updateOrganizationAccess,
   updateProjectAccess,
   updateProjectAttachment,
+  updateProjectAttachments,
   updateStages,
   updateTeam,
   useAppDispatch,