CybercentreCanada · cccs-rs · Dec 16, 2025 · Nov 7, 2025 · Nov 7, 2025 · Nov 21, 2025
diff --git a/public/images/dead_link.png b/public/images/dead_link.png
diff --git a/src/components/routes/404_dl.tsx b/src/components/routes/404_dl.tsx
@@ -9,10 +9,10 @@ const NotFoundPage = () => {
   return (
     <PageCenter width="65%" margin={4}>
       <div style={{ paddingTop: theme.spacing(10), paddingBottom: theme.spacing(6) }}>
-        <img alt={t('dl.alt')} src="/images/dead_link.png" style={{ maxHeight: '300px', maxWidth: '90%' }} />
+        <Typography variant="h1">{t('title')}</Typography>
       </div>
       <div>
-        <Typography variant="h6">{t('dl.description')}</Typography>
+        <Typography variant="h6">{t('description')}</Typography>
       </div>
     </PageCenter>
   );

diff --git a/src/components/routes/retrohunt.tsx b/src/components/routes/retrohunt.tsx
@@ -1,5 +1,5 @@
 import AddCircleOutlineOutlinedIcon from '@mui/icons-material/AddCircleOutlineOutlined';
-import PersonOutlinedIcon from '@mui/icons-material/PersonOutlined';
+import PersonIcon from '@mui/icons-material/Person';
 import TimerOutlinedIcon from '@mui/icons-material/TimerOutlined';
 import { Pagination, Typography, useMediaQuery, useTheme } from '@mui/material';
 import PageContainer from 'commons/components/pages/PageContainer';
@@ -305,6 +305,16 @@ export default function RetrohuntPage() {
                 } else handleQueryRemove(['query', 'rows', 'offset']);
               }}
               buttons={[
+                {
+                  icon: <PersonIcon fontSize={downSM ? 'small' : 'medium'} />,
+                  tooltip: hasFilter(`creator:${currentUser.username}`)
+                    ? t('filter.creator_self.remove')
+                    : t('filter.creator_self.add'),
+                  props: {
+                    color: hasFilter(`creator:${currentUser.username}`) ? 'primary' : 'default',
+                    onClick: () => handleToggleFilter(`creator:${currentUser.username}`)
+                  }
+                },
                 {
                   icon: <TimerOutlinedIcon fontSize={downSM ? 'small' : 'medium'} />,
                   tooltip: hasFilter(`completed_time:>=${last24hDate}`)
@@ -314,16 +324,6 @@ export default function RetrohuntPage() {
                     color: hasFilter(`completed_time:>=${last24hDate}`) ? 'primary' : 'default',
                     onClick: () => handleToggleFilter(`completed_time:>=${last24hDate}`)
                   }
-                },
-                {
-                  icon: <PersonOutlinedIcon fontSize={downSM ? 'small' : 'medium'} />,
-                  tooltip: hasFilter(`creator:${currentUser.username}`)
-                    ? t('filter.creator_self.remove')
-                    : t('filter.creator_self.add'),
-                  props: {
-                    color: hasFilter(`creator:${currentUser.username}`) ? 'primary' : 'default',
-                    onClick: () => handleToggleFilter(`creator:${currentUser.username}`)
-                  }
                 }
               ]}
             >

diff --git a/src/components/routes/retrohunt/create.tsx b/src/components/routes/retrohunt/create.tsx
@@ -64,7 +64,16 @@ function WrappedRetrohuntCreate({ isDrawer = false, onCreateRetrohunt = () => nu
       started_time: null,
       truncated: false,
       ttl: !configuration?.retrohunt?.dtl ? 30 : configuration?.retrohunt?.dtl,
-      yara_signature: ''
+      yara_signature: `rule yara_template {
+  meta:
+    description = ""
+  strings:
+    $a = "First string"
+    $b = /some_regex_with_a_string/
+  condition:
+    all of them
+}
+      `
     }),
     [
       c12nDef?.UNRESTRICTED,
@@ -87,6 +96,7 @@ function WrappedRetrohuntCreate({ isDrawer = false, onCreateRetrohunt = () => nu
 
   const handleCreateRetrohunt = useCallback(
     (result: RetrohuntData) => {
+      setIsConfirmationOpen(false);
       if (!currentUser.roles.includes('retrohunt_run') && configuration?.retrohunt?.enabled) return;
       apiCall({
         method: 'PUT',
@@ -104,12 +114,10 @@ function WrappedRetrohuntCreate({ isDrawer = false, onCreateRetrohunt = () => nu
           setRetrohunt({ ...DEFAULT_RETROHUNT, ...api_data.api_response });
           setIsModified(false);
           setIsDisabled(true);
-          setIsConfirmationOpen(false);
           setTimeout(() => window.dispatchEvent(new CustomEvent('reloadRetrohunts')), 1000);
         },
         onFailure: api_data => {
           showErrorMessage(api_data.api_error_message);
-          setIsConfirmationOpen(false);
         },
         onEnter: () => setIsButtonLoading(true),
         onExit: () => setIsButtonLoading(false)
@@ -153,6 +161,7 @@ function WrappedRetrohuntCreate({ isDrawer = false, onCreateRetrohunt = () => nu
             cancelText={t('validate.cancelText')}
             acceptText={t('validate.acceptText')}
             text={t('validate.text')}
+            waiting={isButtonLoading}
           />
 
           <Grid container flexDirection="column" flexWrap="nowrap" flex={1} rowGap={1}>

diff --git a/src/components/routes/retrohunt/detail.tsx b/src/components/routes/retrohunt/detail.tsx
@@ -113,6 +113,7 @@ function WrappedRetrohuntDetailPage({ search_key: propKey = null, isDrawer = fal
   const [hitResults, setHitResults] = useState<SearchResult<FileIndexed>>(null);
   const [typeDataSet, setTypeDataSet] = useState<Record<string, number>>(null);
   const [isReloading, setIsReloading] = useState<boolean>(true);
+  const [isInitialized, setIsInitialized] = useState<boolean>(false);
   const [query, setQuery] = useState<SimpleSearchQuery>(null);
 
   const filterValue = useRef<string>('');
@@ -237,7 +238,9 @@ function WrappedRetrohuntDetailPage({ search_key: propKey = null, isDrawer = fal
             }
           },
           onEnter: () => setIsReloading(true),
-          onExit: () => setIsReloading(false)
+          onExit: () => {
+            setIsReloading(false);
+          }
         });
         apiCall({
           method: 'POST',
@@ -276,6 +279,14 @@ function WrappedRetrohuntDetailPage({ search_key: propKey = null, isDrawer = fal
     [DEFAULT_RETROHUNT]
   );
 
+  useEffect(() => {
+    const timeoutId = setTimeout(() => {
+      setIsInitialized(true);
+    }, theme.transitions.duration.complex);
+
+    return () => clearTimeout(timeoutId);
+  }, [theme.transitions.duration.complex]);
+
   useEffect(() => {
     if (isDrawer) {
       const url = new URL(`${window.location.origin}/${location.hash.slice(1)}`);
@@ -593,90 +604,92 @@ function WrappedRetrohuntDetailPage({ search_key: propKey = null, isDrawer = fal
                     ) : (
                       <>
                         <Grid>
-                          <SearchBar
-                            initValue={query ? query.get('query', '') : ''}
-                            placeholder={t('hits.filter')}
-                            searching={isReloading}
-                            suggestions={suggestions}
-                            onValueChange={value => {
-                              filterValue.current = value;
-                            }}
-                            onClear={() => handleQueryRemove(['query', 'rows', 'offset'])}
-                            onSearch={() => {
-                              if (filterValue.current !== '') {
-                                handleQueryChange('query', filterValue.current);
-                                handleQueryChange('offset', 0);
-                              } else handleQueryRemove(['query', 'rows', 'offset']);
-                            }}
-                          >
-                            <div
-                              style={{
-                                fontStyle: 'italic',
-                                paddingTop: theme.spacing(0.5),
-                                display: 'flex',
-                                justifyContent: 'flex-end',
-                                flexWrap: 'wrap'
+                          {isInitialized && (
+                            <SearchBar
+                              initValue={query ? query.get('query', '') : ''}
+                              placeholder={t('hits.filter')}
+                              searching={isReloading}
+                              suggestions={suggestions}
+                              onValueChange={value => {
+                                filterValue.current = value;
+                              }}
+                              onClear={() => handleQueryRemove(['query', 'rows', 'offset'])}
+                              onSearch={() => {
+                                if (filterValue.current !== '') {
+                                  handleQueryChange('query', filterValue.current);
+                                  handleQueryChange('offset', 0);
+                                } else handleQueryRemove(['query', 'rows', 'offset']);
                               }}
                             >
-                              {hitResults && hitResults.total !== 0 && (
-                                <Typography variant="subtitle1" color="secondary" style={{ flexGrow: 1 }}>
-                                  {isReloading ? (
-                                    <span>{t('searching')}</span>
-                                  ) : (
-                                    <span>
-                                      <SearchCount
-                                        currentMax={MAX_TRACKED_RECORDS}
-                                        defaultMax={MAX_TRACKED_RECORDS}
-                                        disabled
-                                        loading={isReloading}
-                                        total={hitResults?.total}
-                                        suffix={
-                                          query.get('query') || query.get('filters')
-                                            ? t(`hits.filtered${hitResults.total === 1 ? '' : 's'}`)
-                                            : t(`hits.total${hitResults.total === 1 ? '' : 's'}`)
-                                        }
-                                      />
-                                    </span>
-                                  )}
-                                </Typography>
-                              )}
-                              {hitPageCount > 1 && (
-                                <Pagination
-                                  page={Math.ceil(1 + query.get('offset') / PAGE_SIZE)}
-                                  onChange={(e, value) => handleQueryChange('offset', (value - 1) * PAGE_SIZE)}
-                                  count={hitPageCount}
-                                  shape="rounded"
-                                  size="small"
-                                />
-                              )}
-                            </div>
-                            {query && (
-                              <div>
-                                <ChipList
-                                  items={query.getAll('filters', []).map(
-                                    f =>
-                                      ({
-                                        color: f.indexOf('NOT ') === 0 ? 'error' : null,
-                                        label: `${f}`,
-                                        variant: 'outlined',
-                                        onClick: () => {
-                                          query.replace(
-                                            'filters',
-                                            f,
-                                            f.indexOf('NOT ') === 0 ? f.substring(5, f.length - 1) : `NOT (${f})`
-                                          );
-                                          handleNavigate(query);
-                                        },
-                                        onDelete: () => {
-                                          query.remove('filters', f);
-                                          handleNavigate(query);
-                                        }
-                                      }) as CustomChipProps
-                                  )}
-                                />
+                              <div
+                                style={{
+                                  fontStyle: 'italic',
+                                  paddingTop: theme.spacing(0.5),
+                                  display: 'flex',
+                                  justifyContent: 'flex-end',
+                                  flexWrap: 'wrap'
+                                }}
+                              >
+                                {hitResults && hitResults.total !== 0 && (
+                                  <Typography variant="subtitle1" color="secondary" style={{ flexGrow: 1 }}>
+                                    {isReloading ? (
+                                      <span>{t('searching')}</span>
+                                    ) : (
+                                      <span>
+                                        <SearchCount
+                                          currentMax={MAX_TRACKED_RECORDS}
+                                          defaultMax={MAX_TRACKED_RECORDS}
+                                          disabled
+                                          loading={isReloading}
+                                          total={hitResults?.total}
+                                          suffix={
+                                            query.get('query') || query.get('filters')
+                                              ? t(`hits.filtered${hitResults.total === 1 ? '' : 's'}`)
+                                              : t(`hits.total${hitResults.total === 1 ? '' : 's'}`)
+                                          }
+                                        />
+                                      </span>
+                                    )}
+                                  </Typography>
+                                )}
+                                {hitPageCount > 1 && (
+                                  <Pagination
+                                    page={Math.ceil(1 + query.get('offset') / PAGE_SIZE)}
+                                    onChange={(e, value) => handleQueryChange('offset', (value - 1) * PAGE_SIZE)}
+                                    count={hitPageCount}
+                                    shape="rounded"
+                                    size="small"
+                                  />
+                                )}
                               </div>
-                            )}
-                          </SearchBar>
+                              {query && (
+                                <div>
+                                  <ChipList
+                                    items={query.getAll('filters', []).map(
+                                      f =>
+                                        ({
+                                          color: f.indexOf('NOT ') === 0 ? 'error' : null,
+                                          label: `${f}`,
+                                          variant: 'outlined',
+                                          onClick: () => {
+                                            query.replace(
+                                              'filters',
+                                              f,
+                                              f.indexOf('NOT ') === 0 ? f.substring(5, f.length - 1) : `NOT (${f})`
+                                            );
+                                            handleNavigate(query);
+                                          },
+                                          onDelete: () => {
+                                            query.remove('filters', f);
+                                            handleNavigate(query);
+                                          }
+                                        }) as CustomChipProps
+                                    )}
+                                  />
+                                </div>
+                              )}
+                            </SearchBar>
+                          )}
                         </Grid>
 
                         <Grid>

diff --git a/src/components/routes/submission/detail/file_tree.tsx b/src/components/routes/submission/detail/file_tree.tsx
@@ -155,7 +155,8 @@ const WrappedFileTree: React.FC<FileTreeProps> = ({ tree, sid, defaultForceShown
               to={`/file/detail/${item.sha256}`}
               onClick={e => {
                 e.preventDefault();
-                if (item.sha256) navigate(`/submission/detail/${sid}/${item.sha256}?name=${encodeURI(item.name[0])}`);
+                if (item.sha256)
+                  navigate(`/submission/detail/${sid}/${item.sha256}?name=${encodeURIComponent(item.name[0])}`);
               }}
               sx={{
                 cursor: 'pointer',

diff --git a/src/components/routes/submission/detail/info.tsx b/src/components/routes/submission/detail/info.tsx
@@ -229,7 +229,7 @@ const WrappedInfoSection: React.FC<Props> = ({ submission }) => {
                 return (
                   <>
                     <Grid size={{ xs: 4, sm: 3, lg: 2 }}>
-                      <strong>{t('params.initial_data.passwords')}</strong>
+                      <span style={{ fontWeight: 500 }}>{t('params.initial_data.passwords')}</span>
                     </Grid>
                     <Grid size={{ xs: 8, sm: 9, lg: 10 }} sx={{ wordBreak: 'break-word' }}>
                       <span>{display}</span>

diff --git a/src/components/visual/FileDetail/childrens.tsx b/src/components/visual/FileDetail/childrens.tsx
@@ -61,7 +61,7 @@ const WrappedChildrenSection: React.FC<ChildrenSectionProps> = ({
             <Box
               key={i}
               component={Link}
-              to={`/file/detail/${fileItem.sha256}?name=${encodeURI(fileItem.name)}`}
+              to={`/file/detail/${fileItem.sha256}?name=${encodeURIComponent(fileItem.name)}`}
               sx={{
                 wordBreak: 'break-word',
                 color: 'inherit',

diff --git a/src/components/visual/ResultCard/extracted_file.tsx b/src/components/visual/ResultCard/extracted_file.tsx
@@ -31,7 +31,7 @@ const WrappedExtractedFile: React.FC<Props> = ({ file, download = false, sid = n
         <div style={{ marginRight: theme.spacing(1) }}>
           {download ? (
             <Link
-              href={`/api/v4/file/download/${file.sha256}/?${sid ? `sid=${sid}&` : ''}name=${encodeURI(file.name)}`}
+              href={`/api/v4/file/download/${file.sha256}/?${sid ? `sid=${sid}&` : ''}name=${encodeURIComponent(file.name)}`}
             >
               {file.name}
             </Link>
@@ -40,8 +40,8 @@ const WrappedExtractedFile: React.FC<Props> = ({ file, download = false, sid = n
               component={RouterLink}
               to={
                 sid
-                  ? `/submission/detail/${sid}/${file.sha256}?name=${encodeURI(file.name)}`
-                  : `/file/detail/${file.sha256}?name=${encodeURI(file.name)}`
+                  ? `/submission/detail/${sid}/${file.sha256}?name=${encodeURIComponent(file.name)}`
+                  : `/file/detail/${file.sha256}?name=${encodeURIComponent(file.name)}`
               }
             >
               {file.name}