use default widths

apps/trigger/src/tasks/screenshots/take-metric-screenshot-handler.ts

@@ -15,7 +15,7 @@ export const takeMetricScreenshotHandlerTask: ReturnType<
 > = schemaTask({
   id: screenshots_task_keys.take_metric_screenshot,
   schema: TakeMetricScreenshotTriggerSchema,
-  maxDuration: 60 * 3, // 3 minutes max
+  maxDuration: 60 * 2, // 2 minutes max
   retry: {
     maxAttempts: 1,
     minTimeoutInMs: 1000, // 1 second

apps/web/src/components/features/search/GlobalSearchModal/GlobalSearchModalBase.tsx

@@ -45,6 +45,11 @@ export const GlobalSearchModalBase = ({
   const navigate = useNavigate();
   const [viewedItem, setViewedItem] = useState<SearchTextData | null>(null);
 
+  const resetModal = () => {
+    setViewedItem(null);
+    onChangeValue('');
+  };
+
   const searchItems: SearchItems[] = useMemo(() => {
     const makeItem = (item: SearchTextData, makeSecondary?: boolean): SearchItem => {
       const Icon = assetTypeToIcon(item.assetType);
@@ -68,6 +73,9 @@ export const GlobalSearchModalBase = ({
           }) as Parameters<typeof navigate>[0];
           await navigate(link);
           onClose();
+          setTimeout(() => {
+            resetModal();
+          }, 200);
         },
       };
     };

packages/server-shared/src/screenshots/methods/browser-login.ts

@@ -92,6 +92,7 @@ export const browserLogin = async <T = Buffer<ArrayBufferLike>>({
     });
 
     await page.goto(fullPath, { waitUntil: 'networkidle' });
+    console.info('Page loaded', { fullPath, height, width });
 
     const result = await callback({ page, browser });
 

packages/server-shared/src/screenshots/methods/screenshot-config.ts

@@ -1,4 +1,4 @@
-const multiplier = 2;
+const multiplier = 2.25;
 
 export const DEFAULT_SCREENSHOT_CONFIG = {
   width: 400 * multiplier,

packages/server-shared/src/screenshots/requests.chats.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { DEFAULT_SCREENSHOT_CONFIG } from './methods/screenshot-config';
 import { BaseScreenshotSearchSchema } from './requests.base';
 import { PutMetricScreenshotRequestSchema } from './requests.metrics';
 
@@ -17,8 +18,8 @@ export type GetChatScreenshotParams = z.infer<typeof GetChatScreenshotParamsSche
 
 export const GetChatScreenshotQuerySchema = z
   .object({
-    width: z.coerce.number().min(600).max(3840).default(600),
-    height: z.coerce.number().min(300).max(2160).default(338),
+    width: z.coerce.number().min(600).max(3840).default(DEFAULT_SCREENSHOT_CONFIG.width),
+    height: z.coerce.number().min(300).max(2160).default(DEFAULT_SCREENSHOT_CONFIG.height),
     type: z.enum(['png', 'jpeg']).default('png'),
   })
   .merge(BaseScreenshotSearchSchema);

packages/server-shared/src/screenshots/requests.dashboards.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { DEFAULT_SCREENSHOT_CONFIG } from './methods/screenshot-config';
 import { BaseScreenshotSearchSchema } from './requests.base';
 import { PutMetricScreenshotRequestSchema } from './requests.metrics';
 
@@ -17,8 +18,8 @@ export type GetDashboardScreenshotParams = z.infer<typeof GetDashboardScreenshot
 
 export const GetDashboardScreenshotQuerySchema = z
   .object({
-    width: z.coerce.number().min(100).max(3840).default(800),
-    height: z.coerce.number().min(100).max(4160).default(450),
+    width: z.coerce.number().min(100).max(3840).default(DEFAULT_SCREENSHOT_CONFIG.width),
+    height: z.coerce.number().min(100).max(4160).default(DEFAULT_SCREENSHOT_CONFIG.height),
     type: z.enum(['png', 'jpeg']).default('png'),
     version_number: z.coerce.number().optional(),
   })

packages/server-shared/src/screenshots/requests.metrics.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { DEFAULT_SCREENSHOT_CONFIG } from './methods/screenshot-config';
 import { BaseScreenshotSearchSchema } from './requests.base';
 
 export const GetMetricScreenshotParamsSchema = z.object({
@@ -8,8 +9,8 @@ export const GetMetricScreenshotParamsSchema = z.object({
 export const GetMetricScreenshotQuerySchema = z
   .object({
     version_number: z.coerce.number().min(1).optional(),
-    width: z.coerce.number().min(100).max(3840).default(800),
-    height: z.coerce.number().min(100).max(2160).default(450),
+    width: z.coerce.number().min(100).max(3840).default(DEFAULT_SCREENSHOT_CONFIG.width),
+    height: z.coerce.number().min(100).max(2160).default(DEFAULT_SCREENSHOT_CONFIG.height),
     type: z.enum(['png', 'jpeg']).default('png').optional(),
   })
   .merge(BaseScreenshotSearchSchema);

packages/server-shared/src/screenshots/requests.reports.ts

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { DEFAULT_SCREENSHOT_CONFIG } from './methods/screenshot-config';
 import { BaseScreenshotSearchSchema } from './requests.base';
 import { PutMetricScreenshotRequestSchema } from './requests.metrics';
 
@@ -17,8 +18,8 @@ export type GetReportScreenshotParams = z.infer<typeof GetReportScreenshotParams
 
 export const GetReportScreenshotQuerySchema = z
   .object({
-    width: z.coerce.number().min(100).max(3840).default(800),
-    height: z.coerce.number().min(100).max(2160).default(450),
+    width: z.coerce.number().min(100).max(3840).default(DEFAULT_SCREENSHOT_CONFIG.width),
+    height: z.coerce.number().min(100).max(2160).default(DEFAULT_SCREENSHOT_CONFIG.height),
     type: z.enum(['png', 'jpeg']).default('png'),
     version_number: z.coerce.number().optional(),
   })