From d606053af36415bcf6273684380948a7eaad7fd4 Mon Sep 17 00:00:00 2001
From: Alex Jennings <alexjennings@users.noreply.github.com>
Date: Tue, 16 Sep 2025 12:44:39 -0700
Subject: [PATCH 1/6] Bump to 25.3.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index e1139fb..edca5f1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/admin-tool",
-  "version": "25.3.0",
+  "version": "25.3.1",
   "private": true,
   "dependencies": {
     "@devbookhq/splitter": "^1.3.2",

From 1e5d3f7001e952b807e6eaf6d4f48dcca0a10034 Mon Sep 17 00:00:00 2001
From: Alex Jennings <alexjennings@users.noreply.github.com>
Date: Mon, 10 Nov 2025 11:27:59 +0000
Subject: [PATCH 2/6] Fixes missing notification form and display

---
 .../notification/NotificationTrigger.jsx      |  20 ++-
 .../notification/NotificationTriggerForm.jsx  | 119 +++++++++++-------
 2 files changed, 91 insertions(+), 48 deletions(-)

diff --git a/src/components/notification/NotificationTrigger.jsx b/src/components/notification/NotificationTrigger.jsx
index f785d60..bdca8b6 100644
--- a/src/components/notification/NotificationTrigger.jsx
+++ b/src/components/notification/NotificationTrigger.jsx
@@ -153,6 +153,8 @@ function StorageTriggerType({ trigger: { storage } }) {
     triggerAction = 'create';
   } else if ('delete' in storage) {
     triggerAction = 'delete';
+  } else if ('modify' in storage) {
+    triggerAction = 'modify';
   }
   return <TextGrid title="Trigger Action" value={triggerAction} />;
 }
@@ -169,6 +171,8 @@ function FileTriggerType({ trigger: { file } }) {
     triggerAction = 'close';
   } else if ('delete' in file) {
     triggerAction = 'delete';
+  } else if ('lost' in file) {
+    triggerAction = 'lost';
   }
   return <TextGrid title="Trigger Action" value={triggerAction} />;
 }
@@ -227,8 +231,22 @@ function DocumentTriggerType({ trigger: { document } }) {
     triggerAction = 'create';
   } else if ('delete' in document) {
     triggerAction = 'delete';
+  } else if ('modify' in document) {
+    triggerAction = 'modify';
   }
-  return <TextGrid title="Trigger Action" value={triggerAction} />;
+  return (
+    <>
+      <TextGrid title="Trigger Action" value={triggerAction} />
+      {triggerAction === 'modify' && (
+        <>
+          <TextGrid title="Field" value={document?.modify?.field} />
+          <TextGrid title="Language" value={document?.modify?.language} />
+          <TextGrid title="Track" value={document?.modify?.track} />
+          <TextGrid title="Interval" value={document?.modify?.interval} />
+        </>
+      )}
+    </>
+  );
 }
 
 function DeletionLockTriggerType({ trigger: { deletionLock } }) {
diff --git a/src/components/notification/NotificationTriggerForm.jsx b/src/components/notification/NotificationTriggerForm.jsx
index 4db805f..82b7963 100644
--- a/src/components/notification/NotificationTriggerForm.jsx
+++ b/src/components/notification/NotificationTriggerForm.jsx
@@ -11,6 +11,17 @@ import StatefulSelect from '../ui/StatefulSelect';
 
 import { getTriggerEntity, getJobAction } from './NotificationTrigger';
 
+function NotificationTriggerMetadataModifyType() {
+  return (
+    <>
+      <Field name="field" component={TextField} label="Field" fullWidth />
+      <Field name="language" component={TextField} label="Language" fullWidth />
+      <Field name="track" component={TextField} label="Track" fullWidth />
+      <Field name="interval" component={TextField} label="Interval" fullWidth />
+    </>
+  );
+}
+
 function NotificationTriggerItemType(props) {
   const { initialValues = {}, valueSelector, dirty } = props;
   const name = props?.id || 'notificationDocument.trigger.item';
@@ -62,13 +73,13 @@ function NotificationTriggerStorageType(props) {
   const name = props?.id || 'notificationDocument.trigger.storage';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const storage = valueSelector(name);
+    initialvalue = storage && Object.keys(storage)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { storage } = trigger;
+    initialvalue = storage && Object.keys(storage)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -96,10 +107,12 @@ function NotificationTriggerStorageType(props) {
       >
         <MenuItem value="create">Create</MenuItem>
         <MenuItem value="delete">Delete</MenuItem>
+        <MenuItem value="modify">Modify</MenuItem>
         <MenuItem value="filename">Filename</MenuItem>
       </StatefulSelect>
       <Field name="create" type="hidden" component="input" />
       <Field name="delete" type="hidden" component="input" />
+      <Field name="modify" type="hidden" component="input" />
       <Field name="filename" type="hidden" component="input" />
     </>
   );
@@ -110,13 +123,13 @@ function NotificationTriggerFileType(props) {
   const name = props?.id || 'notificationDocument.trigger.file';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const file = valueSelector(name);
+    initialvalue = file && Object.keys(file)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { file } = trigger;
+    initialvalue = file && Object.keys(file)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -147,12 +160,14 @@ function NotificationTriggerFileType(props) {
         <MenuItem value="hash">Hash</MenuItem>
         <MenuItem value="close">Close</MenuItem>
         <MenuItem value="delete">Delete</MenuItem>
+        <MenuItem value="lost">Lost</MenuItem>
       </StatefulSelect>
       <Field name="new" type="hidden" component="input" />
       <Field name="change" type="hidden" component="input" />
       <Field name="hash" type="hidden" component="input" />
       <Field name="close" type="hidden" component="input" />
       <Field name="delete" type="hidden" component="input" />
+      <Field name="lost" type="hidden" component="input" />
     </>
   );
 }
@@ -162,13 +177,13 @@ function NotificationTriggerGroupType(props) {
   const name = props?.id || 'notificationDocument.trigger.group';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const group = valueSelector(name);
+    initialvalue = group && Object.keys(group)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { group } = trigger;
+    initialvalue = group && Object.keys(group)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -210,13 +225,13 @@ function NotificationTriggerShapeType(props) {
   const name = props?.id || 'notificationDocument.trigger.shape';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const shape = valueSelector(name);
+    initialvalue = shape && Object.keys(shape)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { shape } = trigger;
+    initialvalue = shape && Object.keys(shape)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -258,13 +273,13 @@ function NotificationTriggerAccessType(props) {
   const name = props?.id || 'notificationDocument.trigger.access';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const access = valueSelector(name);
+    initialvalue = access && Object.keys(access)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { access } = trigger;
+    initialvalue = access && Object.keys(access)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -306,13 +321,13 @@ function NotificationTriggerQuotaType(props) {
   const name = props?.id || 'notificationDocument.trigger.quota';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const quota = valueSelector(name);
+    initialvalue = quota && Object.keys(quota)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { quota } = trigger;
+    initialvalue = quota && Object.keys(quota)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -354,17 +369,17 @@ function NotificationTriggerDocumentType(props) {
   const name = props?.id || 'notificationDocument.trigger.document';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const document = valueSelector(name);
+    initialvalue = document && Object.keys(document)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { document } = trigger;
+    initialvalue = document && Object.keys(document)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
-    const setValue = '';
+    const setValue = newValue === 'modify' ? {} : '';
     if (prevState) {
       const newState = update(prevState, {
         [newValue]: {
@@ -377,6 +392,23 @@ function NotificationTriggerDocumentType(props) {
       props?.change(name, { [newValue]: setValue });
     }
   };
+  // TODO Refactor as standalone component
+  // eslint-disable-next-line react/no-unstable-nested-components
+  function ValueComponent(value) {
+    switch (value) {
+      case 'modify':
+        return (
+          <FormSection
+            name="modify"
+            component={NotificationTriggerMetadataModifyType}
+            id={`${name}.modify`}
+            {...props}
+          />
+        );
+      default:
+        return null;
+    }
+  }
   return (
     <>
       <StatefulSelect
@@ -385,12 +417,16 @@ function NotificationTriggerDocumentType(props) {
         fullWidth
         onChange={onChange}
         name={name}
+        // eslint-disable-next-line react/jsx-no-bind
+        ValueComponent={ValueComponent}
       >
         <MenuItem value="create">Create</MenuItem>
         <MenuItem value="delete">Delete</MenuItem>
+        <MenuItem value="modify">Modify</MenuItem>
       </StatefulSelect>
       <Field name="create" type="hidden" component="input" />
       <Field name="delete" type="hidden" component="input" />
+      <Field name="modify" type="hidden" component="input" />
     </>
   );
 }
@@ -400,13 +436,13 @@ function NotificationTriggerDeletionLockType(props) {
   const name = props?.id || 'notificationDocument.trigger.deletionLock';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const deletionLock = valueSelector(name);
+    initialvalue = deletionLock && Object.keys(deletionLock)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
-    const { item } = trigger;
-    initialvalue = item && Object.keys(item)[0];
+    const { deletionLock } = trigger;
+    initialvalue = deletionLock && Object.keys(deletionLock)[0];
   }
   const onChange = (event, newValue, previousValue) => {
     const prevState = valueSelector(name);
@@ -447,17 +483,6 @@ function NotificationTriggerDeletionLockType(props) {
   );
 }
 
-function NotificationTriggerMetadataModifyType() {
-  return (
-    <>
-      <Field name="field" component={TextField} label="Field" fullWidth />
-      <Field name="language" component={TextField} label="Language" fullWidth />
-      <Field name="track" component={TextField} label="Track" fullWidth />
-      <Field name="interval" component={TextField} label="Interval" fullWidth />
-    </>
-  );
-}
-
 function NotificationTriggerMetadataType(props) {
   const { initialValues = {}, valueSelector, dirty } = props;
   const name = props?.id || 'notificationDocument.trigger.metadata';
@@ -536,8 +561,8 @@ function NotificationTriggerCollectionType(props) {
   const name = props?.id || 'notificationDocument.trigger.collection';
   let initialvalue;
   if (dirty) {
-    const item = valueSelector(name);
-    initialvalue = item && Object.keys(item)[0];
+    const collection = valueSelector(name);
+    initialvalue = collection && Object.keys(collection)[0];
   } else {
     const { notificationDocument = {} } = initialValues;
     const { trigger = {} } = notificationDocument;
@@ -667,7 +692,7 @@ function NotificationJobTriggerType(props) {
         <MenuItem value="update">Update</MenuItem>
         <MenuItem value="create">Create</MenuItem>
         <MenuItem value="stop">Stop</MenuItem>
-        <MenuItem value="finish">Finish</MenuItem>
+        <MenuItem value="finished">Finished</MenuItem>
         <MenuItem value="fail">Fail</MenuItem>
       </StatefulSelect>
       <FormSection name="filter" component={NotificationJobTriggerFilterType} />

From 5ed97bee585e7226ecf0d7cf970a71ba6311bde9 Mon Sep 17 00:00:00 2001
From: Alex Jennings <alexjennings@users.noreply.github.com>
Date: Mon, 10 Nov 2025 11:34:00 +0000
Subject: [PATCH 3/6] add priority to autoimport

---
 .../autoimport/AutoImportRuleDisplay.jsx         |  1 +
 src/components/autoimport/AutoImportRuleForm.jsx | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/autoimport/AutoImportRuleDisplay.jsx b/src/components/autoimport/AutoImportRuleDisplay.jsx
index 305f503..2211c1f 100644
--- a/src/components/autoimport/AutoImportRuleDisplay.jsx
+++ b/src/components/autoimport/AutoImportRuleDisplay.jsx
@@ -19,6 +19,7 @@ export function AutoImportRuleType({ rule }) {
     <>
       <TextGrid title="Storage ID" variant="storageId" value={rule.storage} hover />
       <TextGrid title="Enabled" variant="boolean" value={rule.enabled} hover />
+      <TextGrid title="Priority" value={rule.priority} hover />
       <TextGrid title="File Name As Title" variant="boolean" value={rule.fileNameAsTitle} hover />
       <TextGrid
         title="Ignore Sidecar Import"
diff --git a/src/components/autoimport/AutoImportRuleForm.jsx b/src/components/autoimport/AutoImportRuleForm.jsx
index 79271e3..f8193ce 100644
--- a/src/components/autoimport/AutoImportRuleForm.jsx
+++ b/src/components/autoimport/AutoImportRuleForm.jsx
@@ -1,9 +1,13 @@
+import FormControl from '@material-ui/core/FormControl';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
+import InputLabel from '@material-ui/core/InputLabel';
+import MenuItem from '@material-ui/core/MenuItem';
 import Typography from '@material-ui/core/Typography';
 import { reduxForm, Field, FormSection } from 'redux-form';
 
+import JobPriority from '../../const/JobPriority';
 import { required } from '../../utils/FieldValidation';
-import { TextField } from '../form';
+import { TextField, Select } from '../form';
 import { MetadataType } from '../metadata/MetadataForm';
 import { loadShapeTagOptions } from '../shapetag/ShapeTagSelect';
 import { loadStorageOptions } from '../storage/StorageSelect';
@@ -30,6 +34,16 @@ function AutoImportRuleTypeForm() {
         control={<Field name="enabled" component={BoolCheckbox} />}
         label="Enabled"
       />
+      <FormControl fullWidth>
+        <InputLabel htmlFor="priority">Priority</InputLabel>
+        <Field name="priority" component={Select}>
+          {JobPriority.map((priority) => (
+            <MenuItem key={priority} value={priority}>
+              {priority}
+            </MenuItem>
+          ))}
+        </Field>
+      </FormControl>
       <FormControlLabel
         control={<Field name="fileNameAsTitle" component={BoolCheckbox} />}
         label="File Name As Title"

From 2a46a58168c1942b47af084da3bf957d02d3021a Mon Sep 17 00:00:00 2001
From: Alex Jennings <alexjennings@users.noreply.github.com>
Date: Mon, 10 Nov 2025 12:07:26 +0000
Subject: [PATCH 4/6] Add item subclip

---
 src/components/item/ItemSubclipCreate.jsx     |  70 ++++++++
 src/components/item/ItemSubclipCreateForm.jsx | 168 ++++++++++++++++++
 src/components/item/ItemTitle.jsx             |   4 +
 src/const/routes.js                           |   1 +
 src/containers/Item.jsx                       |   8 +
 src/formactions/item.js                       |  11 ++
 6 files changed, 262 insertions(+)
 create mode 100644 src/components/item/ItemSubclipCreate.jsx
 create mode 100644 src/components/item/ItemSubclipCreateForm.jsx

diff --git a/src/components/item/ItemSubclipCreate.jsx b/src/components/item/ItemSubclipCreate.jsx
new file mode 100644
index 0000000..93f6423
--- /dev/null
+++ b/src/components/item/ItemSubclipCreate.jsx
@@ -0,0 +1,70 @@
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Divider from '@material-ui/core/Divider';
+import { compose } from 'redux';
+
+import * as formActions from '../../formactions/item';
+import withFormActions from '../../hoc/withFormActions';
+import withUI from '../../hoc/withUI';
+
+import ItemSubclipCreateForm from './ItemSubclipCreateForm';
+
+const ITEM_SUBCLIP_CREATE_FORM = 'ITEM_SUBCLIP_CREATE_FORM';
+
+function ItemSubclipCreate({
+  open,
+  onClose,
+  onSuccess,
+  onFail,
+  openSnackBar,
+  submitForm,
+  itemId,
+  initialValues,
+  form = ITEM_SUBCLIP_CREATE_FORM,
+}) {
+  const onSubmitSuccess = (response, dispatch, props) => {
+    const messageContent = 'Subclip Job Created';
+    openSnackBar({ messageContent });
+    if (onSuccess) {
+      onSuccess(response, dispatch, props);
+    }
+    onClose();
+  };
+  const onSubmitFail = (error, dispatch, props) => {
+    const messageContent = 'Error Creating Subclip';
+    openSnackBar({ messageContent, messageColor: 'secondary' });
+    if (onFail) {
+      onFail(error, dispatch, props);
+    }
+  };
+  return (
+    <Dialog open={open} onClose={onClose} fullWidth maxWidth={false}>
+      <DialogTitle>Create Sequence</DialogTitle>
+      <DialogContent>
+        <ItemSubclipCreateForm
+          form={form}
+          onSubmit={formActions.onCreateItemSubclip}
+          onSubmitSuccess={onSubmitSuccess}
+          onSubmitFail={onSubmitFail}
+          onCancel={onClose}
+          itemId={itemId}
+          initialValues={{ itemId, ...initialValues }}
+        />
+      </DialogContent>
+      <Divider />
+      <DialogActions>
+        <Button color="secondary" onClick={onClose}>
+          Close
+        </Button>
+        <Button variant="contained" color="primary" onClick={() => submitForm(form)}>
+          Create
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+}
+
+export default compose(withUI, withFormActions)(ItemSubclipCreate);
diff --git a/src/components/item/ItemSubclipCreateForm.jsx b/src/components/item/ItemSubclipCreateForm.jsx
new file mode 100644
index 0000000..46c452f
--- /dev/null
+++ b/src/components/item/ItemSubclipCreateForm.jsx
@@ -0,0 +1,168 @@
+import FormControl from '@material-ui/core/FormControl';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormHelperText from '@material-ui/core/FormHelperText';
+import InputLabel from '@material-ui/core/InputLabel';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
+import { reduxForm } from 'redux-form';
+
+import JobPriority from '../../const/JobPriority';
+import { required } from '../../utils/FieldValidation';
+import { TextField, Select } from '../form';
+import { loadShapeTagOptions } from '../shapetag/ShapeTagSelect';
+import { loadStorageOptions } from '../storage/StorageSelect';
+import BoolCheckbox from '../ui/BoolCheckbox';
+import Field from '../ui/Field';
+import FieldTypeArray from '../ui/FieldTypeArray';
+import FormSection from '../ui/FormSection';
+import { KeyValuePairType } from '../ui/FormType';
+import { StatefulAsyncSelect } from '../ui/Select';
+
+const queryParams = () => (
+  <>
+    <Field
+      name="sourceTag"
+      label="sourceTag"
+      helperText="Comma-separated list of shape tags. The first valid shape is selected as the source of the job. If non of the tags are valid, the original shape will be used"
+      component={StatefulAsyncSelect}
+      loadOptions={loadShapeTagOptions}
+      cacheOptions
+      isClearable
+      fullWidth
+      isMulti
+      creatable
+    />
+    <Field
+      name="tag"
+      label="tag"
+      helperText="Comma-separated list of shape tags specifying the desired output formats. Currently, only a single tag can be specified for a sequence item"
+      component={StatefulAsyncSelect}
+      loadOptions={loadShapeTagOptions}
+      cacheOptions
+      isClearable
+      fullWidth
+      isMulti
+      creatable
+    />
+    <Field
+      name="original"
+      label="original"
+      component={TextField}
+      fullWidth
+      helperText="If specified, should be one of the tags specified in the tag parameter. Specifies that the original shape tag will be reset to the shape created to this tag."
+    />
+    <Field
+      name="destinationItem"
+      label="destinationItem"
+      component={TextField}
+      fullWidth
+      helperText="An item id to which the new shape will be associated"
+      validate={[required]}
+      required
+    />
+    <Field
+      name="storageId"
+      label="storageId"
+      helperText="Where essence file is to be stored"
+      component={StatefulAsyncSelect}
+      loadOptions={loadStorageOptions}
+      cacheOptions
+      isClearable
+      fullWidth
+      creatable
+    />
+    <FormControl required fullWidth>
+      <InputLabel htmlFor="mode">mode</InputLabel>
+      <Field name="mode" component={Select} validate={[required]}>
+        <MenuItem value="Rendering">Rendering</MenuItem>
+      </Field>
+      <FormHelperText>Rendermode of the transcoder</FormHelperText>
+    </FormControl>
+    <Field
+      name="start"
+      label="start"
+      component={TextField}
+      fullWidth
+      helperText="Start frame in the source of the subclip"
+    />
+    <Field name="duration" component={TextField} fullWidth helperText="Duration of the subclip" />
+    <Field
+      name="startTimeCode"
+      label="startTimeCode"
+      component={TextField}
+      fullWidth
+      helperText="Start timecode of the new clip"
+    />
+    <Field
+      name="resourceId"
+      label="resourceId"
+      component={TextField}
+      fullWidth
+      helperText="The transcoder resource to use to execute the job"
+    />
+    <Field
+      name="resourceTag"
+      label="resourceTag"
+      component={TextField}
+      fullWidth
+      helperText="The resource tag criteria used to select transcoders for the job"
+    />
+    <Field
+      name="notification"
+      label="notification"
+      component={TextField}
+      fullWidth
+      helperText="The placeholder job notification to use for this job"
+    />
+    <FieldTypeArray
+      name="notificationData"
+      label="notificationData"
+      component={KeyValuePairType}
+      arrayHeader
+      withHeader={false}
+      dense
+    />
+    <FormControl fullWidth>
+      <InputLabel htmlFor="priority">priority</InputLabel>
+      <Field name="priority" component={Select}>
+        {JobPriority.map((priority) => (
+          <MenuItem key={priority} value={priority}>
+            {priority}
+          </MenuItem>
+        ))}
+      </Field>
+      <FormHelperText>The priority to assign to the job. Default is MEDIUM</FormHelperText>
+    </FormControl>
+    <FieldTypeArray
+      name="jobmetadata"
+      label="jobmetadata"
+      component={KeyValuePairType}
+      withHeader={false}
+      arrayHeader
+      dense
+    />
+    <FormControl>
+      <FormControlLabel
+        control={<Field name="holdJob" component={BoolCheckbox} />}
+        label="holdJob"
+        fullWidth
+      />
+      <FormHelperText>Created job in a HOLD state</FormHelperText>
+    </FormControl>
+  </>
+);
+
+function ItemSubclipCreateForm({ itemId, error, handleSubmit }) {
+  return (
+    <form onSubmit={handleSubmit}>
+      {error && <Typography color="error">{error}</Typography>}
+      {itemId === undefined ? (
+        <Field name="itemId" label="Item ID" component={TextField} fullWidth />
+      ) : null}
+      <FormSection name="queryParams" component={queryParams} />
+      <button type="submit" hidden />
+    </form>
+  );
+}
+
+export default reduxForm()(ItemSubclipCreateForm);
diff --git a/src/components/item/ItemTitle.jsx b/src/components/item/ItemTitle.jsx
index 278d9aa..c52e361 100644
--- a/src/components/item/ItemTitle.jsx
+++ b/src/components/item/ItemTitle.jsx
@@ -59,6 +59,7 @@ function ItemTitle({
   breadcrumbList,
   createShapeModal,
   createSequenceModal,
+  createSubclipModal,
   analyzeModal,
   ...props
 }) {
@@ -150,6 +151,9 @@ function ItemTitle({
             <MenuItem onClick={() => onOpen({ modalName: createSequenceModal })}>
               <Typography>Create Sequence</Typography>
             </MenuItem>
+            <MenuItem onClick={() => onOpen({ modalName: createSubclipModal })}>
+              <Typography>Create Subclip</Typography>
+            </MenuItem>
             <MenuItem onClick={() => onOpen({ modalName: exportModal })}>
               <Typography>Export</Typography>
             </MenuItem>
diff --git a/src/const/routes.js b/src/const/routes.js
index 6124572..359e75a 100644
--- a/src/const/routes.js
+++ b/src/const/routes.js
@@ -42,4 +42,5 @@ export default {
   metadataField: (params) => generatePath('/metadata-field/:fieldName/', params),
   fieldGroupList: (params) => generatePath('/field-group/', params),
   fieldGroup: (params) => generatePath('/field-group/:groupName/', params),
+  job: (params) => generatePath('/job/:jobId', params),
 };
diff --git a/src/containers/Item.jsx b/src/containers/Item.jsx
index 1552e36..18508c7 100644
--- a/src/containers/Item.jsx
+++ b/src/containers/Item.jsx
@@ -14,6 +14,7 @@ import ItemImpImport from '../components/item/ItemImpImport';
 import ItemRelationDialog from '../components/item/ItemRelation';
 import ItemSequenceCreate from '../components/item/ItemSequenceCreate';
 import ItemShapeCreate from '../components/item/ItemShapeCreate';
+import ItemSubclipCreate from '../components/item/ItemSubclipCreate';
 import ItemThumbnailDialog from '../components/item/ItemThumbnail';
 import ItemTitle from '../components/item/ItemTitle';
 import ItemTranscode from '../components/item/ItemTranscode';
@@ -90,6 +91,7 @@ const ITEM_REMOVEALLSHAPES_DIALOG = 'ITEM_REMOVEALLSHAPES_DIALOG';
 const ITEM_IMPIMPORT_DIALOG = 'ITEM_IMPIMPORT_DIALOG';
 const ITEM_ANALYZE_DIALOG = 'ITEM_ANALYZE_DIALOG';
 const ITEM_SEQUENCE_CREATE_DIALOG = 'ITEM_SEQUENCE_CREATE_DIALOG';
+const ITEM_SUBCLIP_CREATE_DIALOG = 'ITEM_SUBCLIP_CREATE_DIALOG';
 const EXTERNALID_TAB = 'EXTERNALID_TAB';
 
 const TAB_TITLE = [
@@ -334,6 +336,7 @@ class Item extends PureComponent {
         createShapeModal={ITEM_SHAPE_CREATE_DIALOG}
         analyzeModal={ITEM_ANALYZE_DIALOG}
         createSequenceModal={ITEM_SEQUENCE_CREATE_DIALOG}
+        createSubclipModal={ITEM_SUBCLIP_CREATE_DIALOG}
         {...props}
       />
     );
@@ -419,6 +422,11 @@ class Item extends PureComponent {
           }
           itemId={itemId}
         />
+        <ItemSubclipCreate
+          dialogName={ITEM_SUBCLIP_CREATE_DIALOG}
+          onSuccess={(response) => history.push(routes.job({ jobId: response.data.jobId }))}
+          itemId={itemId}
+        />
         <CollectionEntityAdd
           dialogName={COLLECTION_ENTITY_ADD_DIALOG}
           entityId={itemId}
diff --git a/src/formactions/item.js b/src/formactions/item.js
index 9f442ca..b2150f2 100644
--- a/src/formactions/item.js
+++ b/src/formactions/item.js
@@ -312,3 +312,14 @@ export const onSearchItemMetadataGroup = withSubmissionError((form) => {
     ...response,
   }));
 });
+
+export const onCreateItemSubclip = withSubmissionError((form, dispatch, props) => {
+  const { queryParams } = form;
+  const itemId = props.itemId || form.itemId;
+  const path = `/API/item/${itemId}/subclip`;
+  return ItemApi.createTranscode({
+    itemId,
+    queryParams,
+    path,
+  });
+});

From 43c932cbf7d871b504ed094f2b3ac6d3712adb22 Mon Sep 17 00:00:00 2001
From: Alex Jennings <alexjennings@users.noreply.github.com>
Date: Mon, 10 Nov 2025 12:49:40 +0000
Subject: [PATCH 5/6] refresh filter text on changes

---
 src/components/ui/FilterTextField.jsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/FilterTextField.jsx b/src/components/ui/FilterTextField.jsx
index ec12280..9d0ae00 100644
--- a/src/components/ui/FilterTextField.jsx
+++ b/src/components/ui/FilterTextField.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 
 import IconButton from '@material-ui/core/IconButton';
 import InputAdornment from '@material-ui/core/InputAdornment';
@@ -38,16 +38,14 @@ function FilterTextField({
     const filterOptions = fuzzySearch(newValue, options, minScore, optionsKey);
     onChangeOptions(filterOptions);
   }, DEBOUNCE_WAIT);
-  const onChange = (event) => {
-    setValue(event.target.value);
-    const newValue = event?.target?.value;
-    onFilter(newValue);
-  };
+  const onChange = (event) => setValue(event.target.value);
   const onReset = () => {
     setValue('');
     onFilter('');
   };
-
+  useEffect(() => {
+    onFilter(value);
+  }, [onFilter, value, options]);
   return (
     <TextField
       placeholder="Search"

From 3e8355bf47e93d16e4d16a650c419792a78e44a8 Mon Sep 17 00:00:00 2001
From: Alex Jennings <alexjennings@users.noreply.github.com>
Date: Wed, 3 Dec 2025 11:45:12 +0000
Subject: [PATCH 6/6] Fixes logging in with token

---
 src/containers/Auth.jsx |  3 ++-
 src/formactions/user.js | 14 +++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/containers/Auth.jsx b/src/containers/Auth.jsx
index f204d5e..31e2a5f 100644
--- a/src/containers/Auth.jsx
+++ b/src/containers/Auth.jsx
@@ -173,7 +173,8 @@ class Auth extends Component {
     const baseURL = propsBaseURL.replace(/\/+$/, '');
     const { cookies } = this.props;
     cookies.set(AUTH_VIDISPINE_SERVER_URL, baseURL, { path: APP_BASENAME });
-    if (this.windowVidispineUrl !== baseURL) this.useDevProxy = false;
+    if (this.windowVidispineUrl !== undefined && this.windowVidispineUrl !== baseURL)
+      this.useDevProxy = false;
     if (this.useContainerProxy) {
       api.defaultClient.defaults.headers[PROXY_HEADER] = baseURL;
       api.defaultClient.defaults.baseURL = window.location.origin;
diff --git a/src/formactions/user.js b/src/formactions/user.js
index d72f1f7..355b95d 100644
--- a/src/formactions/user.js
+++ b/src/formactions/user.js
@@ -96,11 +96,19 @@ export function onGetUserToken(form, dispatch, props) {
   if (bearer) {
     headerProps.authorization = bearer.startsWith('Bearer ') ? bearer : `'Bearer ${bearer}`;
   }
-  if (token) {
-    return onWhoAmI(form, dispatch, props);
-  }
   const baseURL = formBaseURL.replace(/\/+$/, '');
   const proxyURL = useContainerProxy || useDevProxy ? undefined : baseURL;
+
+  if (token) {
+    return onWhoAmI(form, dispatch, props).then(({ userName }) => ({
+      data: token,
+      userName,
+      runAs,
+      baseURL,
+      token,
+    }));
+  }
+
   const userName = props.userName || form.userName || headers.username;
   return UserApi.getUserToken({
     username: userName,