Release: Staging to Production - v1.7.1

.eslintignore

@@ -0,0 +1,5 @@
+**/dist
+**/node_modules
+**/build
+**/package-lock.json
+packages/embed/**

.github/workflows/main.yml

@@ -17,6 +17,7 @@ jobs:
         runs-on: ${{ matrix.platform }}
         env:
             PUPPETEER_SKIP_DOWNLOAD: true
+            BWS_ACCESS_TOKEN: ${{ secrets.BWS_ACCESS_TOKEN }}
         steps:
             - uses: actions/checkout@v4
               with:

apps/web/app/(Main UI)/sidekick-studio/(main-layout)/video-creator/page.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import dynamic from 'next/dynamic'
+
+const View = dynamic(() => import('@ui/VideoCreator'), { ssr: false })
+
+const Page = () => {
+    return (
+        <>
+            <View />
+        </>
+    )
+}
+
+export default Page

apps/web/next.config.js

@@ -99,7 +99,8 @@ let nextConfig = withBundleAnalyzer({
             process.env.AUTH0_BASE_URL ?? (process.env.VERCEL_BRANCH_URL ? `https://${process.env.VERCEL_BRANCH_URL}` : undefined),
         FLAGSMITH_ENVIRONMENT_ID: process.env.FLAGSMITH_ENVIRONMENT_ID,
         AUTH0_SECRET: process.env.AUTH0_SECRET,
-        CHATFLOW_DOMAIN_OVERRIDE: process.env.CHATFLOW_DOMAIN_OVERRIDE
+        CHATFLOW_DOMAIN_OVERRIDE: process.env.CHATFLOW_DOMAIN_OVERRIDE,
+        LANGFUSE_HOST: process.env.LANGFUSE_HOST
     },
     webpack: (config, { isServer }) => {
         config.externals = [...config.externals, 'db', 'puppeteer', 'handlebars']

apps/web/package.json

@@ -57,6 +57,7 @@
         "openai": "4.96.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-easy-crop": "^5.5.3",
         "react-hook-form": "^7.62.0",
         "serpapi": "^1.1.1",
         "sharp": "^0.33.5",

package.json

@@ -27,7 +27,7 @@
         "clean": "pnpm --filter \"./packages/**\" clean",
         "nuke": "pnpm --filter \"./packages/**\" nuke && rimraf node_modules .turbo",
         "format": "prettier --write \"**/*.{ts,tsx,md}\"",
-        "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
+        "lint": "eslint \"**/*.{js,jsx,ts,tsx}\" --ignore-pattern \"packages/embed/**\"",
         "lint-fix": "pnpm lint --fix",
         "quick": "pretty-quick --staged",
         "postinstall": "sh ./scripts/bws-secure/bws-installer.sh && husky install",
@@ -91,6 +91,7 @@
         "eslint-plugin-prettier": "^3.4.1",
         "eslint-plugin-react": "^7.37.5",
         "eslint-plugin-react-hooks": "^4.6.2",
+        "eslint-plugin-solid": "0.12.0",
         "eslint-plugin-unused-imports": "^2.0.0",
         "glob": "^11.0.3",
         "husky": "^8.0.3",
@@ -164,7 +165,8 @@
         "**/dist",
         "**/node_modules",
         "**/build",
-        "**/package-lock.json"
+        "**/package-lock.json",
+        "packages/embed/**"
     ],
     "prettier": {
         "printWidth": 140,

packages-answers/ui/src/Apps/Apps.Client.tsx

@@ -72,16 +72,27 @@ const apps: App[] = [
         href: '/sidekick-studio/media-creator'
     },
     {
-        id: 'csv-transformer',
-        name: 'CSV Transformer',
+        id: 'bulk-analysis',
+        name: 'Bulk Analysis',
         icon: '📊',
         description:
-            'Effortlessly clean, reformat, and analyze your CSV data using intelligent AI algorithms. Perfect for data preparation, reporting, and ensuring data quality.',
+            'Add a CSV of questions and prompts, run bulk AI jobs at scale, and get a new CSV with all your results. Perfect for processing large datasets, mass content generation, and automating repetitive AI tasks.',
         category: 'Data Processing',
-        features: ['Smart Data Cleaning', 'Format Conversion', 'Analysis Tools', 'Secure Processing'],
+        features: ['Bulk AI Processing', 'CSV Import/Export', 'Scalable Jobs', 'Custom Prompts'],
         available: true,
         href: '/sidekick-studio/csv-transformer'
     },
+    {
+        id: 'video-creation',
+        name: 'Video Creation',
+        icon: '🎬',
+        description:
+            'Generate compelling videos from text or simple inputs. Create engaging content for social media, presentations, and marketing with AI-powered video generation.',
+        category: 'Creative',
+        features: ['Text-to-Video', 'AI Enhancement', 'Multiple Formats', 'Custom Branding'],
+        available: true,
+        href: '/sidekick-studio/video-creator'
+    },
     // Coming Soon Apps
     {
         id: 'ai-assessment-plan',
@@ -193,16 +204,6 @@ const apps: App[] = [
         features: ['Auto-Categorization', 'Priority Scoring', 'Smart Routing', 'Performance Analytics'],
         available: false
     },
-    {
-        id: 'video-creation',
-        name: 'Video Creation',
-        icon: '🎬',
-        description:
-            'Generate compelling videos from text or simple inputs. Create engaging content for social media, presentations, and marketing with AI-powered video generation.',
-        category: 'Creative',
-        features: ['Text-to-Video', 'AI Enhancement', 'Multiple Formats', 'Custom Branding'],
-        available: false
-    },
     {
         id: 'agent-builder',
         name: 'Agent Builder',

packages-answers/ui/src/AssistantInfoCard.tsx

@@ -7,8 +7,8 @@ import {
     Edit as EditIcon,
     ExpandMore as ExpandMoreIcon,
     ContentCopy as ContentCopyIcon,
-    WarningAmber as WarningAmberIcon,
-    CheckCircle as CheckCircleIcon
+    LockOpen as LockOpenIcon,
+    Lock as LockIcon
 } from '@mui/icons-material'
 import { styled } from '@mui/system'
 import { useSelector } from 'react-redux'
@@ -342,7 +342,7 @@ const AssistantInfoCard = ({
                                         }
                                     }}
                                 >
-                                    {needsSetup ? <WarningAmberIcon /> : <CheckCircleIcon />}
+                                    {needsSetup ? <LockOpenIcon /> : <LockIcon />}
                                 </WhiteIconButton>
                             </Tooltip>
                         )}

packages-answers/ui/src/CsvTransfomer/CsvNoticeCard.tsx

@@ -90,7 +90,7 @@ const CsvNoticeCard: React.FC<CsvNoticeCardProps> = ({ onRefresh }) => {
                             CSV Processor Setup Required
                         </Typography>
                         <Typography variant='body2' color='textSecondary' sx={{ mb: 1 }}>
-                            To use the CSV Transformer, you need at least one chatflow tagged with 'csv'.
+                            To use the CSV Transformer, you need at least one chatflow tagged with &apos;csv&apos;.
                         </Typography>
                         <Typography variant='body2' color='textSecondary' sx={{ mb: 1 }}>
                             Click below to install our ready-to-use CSV processor template from the marketplace.

packages-answers/ui/src/CsvTransfomer/ProcessCsv.tsx

@@ -513,8 +513,8 @@ const ProcessCsv = ({
                             Step 1: Upload CSV File
                         </Typography>
                         <Typography variant='body1' gutterBottom>
-                            Upload the CSV file you want to process with AI. Ensure the first row contains headers. Lines starting with '#'
-                            are treated as comments.
+                            Upload the CSV file you want to process with AI. Ensure the first row contains headers. Lines starting with
+                            &apos;#&apos; are treated as comments.
                         </Typography>
                         <Box {...getRootProps({ style })}>
                             <input {...getInputProps()} />
@@ -527,7 +527,7 @@ const ProcessCsv = ({
                                     </IconButton>
                                 </Stack>
                             ) : (
-                                <Typography>{"Drag 'n' drop a CSV file here, or click to select a file"}</Typography>
+                                <Typography>{'Drag &apos;n&apos; drop a CSV file here, or click to select a file'}</Typography>
                             )}
                         </Box>
                     </Stack>

packages-answers/ui/src/CsvTransfomer/parseCsv.ts

@@ -28,8 +28,6 @@ export function parseCsvWithoutHeaders(input: string): ParsedCsvResult {
     return parseWithoutHeaders(input)
 }
 
-
-
 /**
  * Parse CSV with headers
  */

packages-answers/ui/src/SidekickSelect/SidekickCard.tsx

@@ -6,8 +6,8 @@ import {
     Visibility as VisibilityIcon,
     Edit as EditIcon,
     ContentCopy as IconCopy,
-    WarningAmber as WarningAmberIcon,
-    CheckCircle as CheckCircleIcon
+    LockOpen as LockOpenIcon,
+    Lock as LockIcon
 } from '@mui/icons-material'
 import { useCallback, useState } from 'react'
 import { Sidekick } from './SidekickSelect.types'
@@ -285,7 +285,7 @@ const SidekickCard = ({
                                         }
                                     }}
                                 >
-                                    {needsSetup ? <WarningAmberIcon /> : <CheckCircleIcon />}
+                                    {needsSetup ? <LockOpenIcon /> : <LockIcon />}
                                 </WhiteIconButton>
                             </Tooltip>
                         )}