Add dialog while waiting for rules to process

apps/web/app/(app)/automation/RulesPrompt.tsx

@@ -36,7 +36,7 @@ import { AutomationOnboarding } from "@/app/(app)/automation/AutomationOnboardin
 import { examplePrompts, personas } from "@/app/(app)/automation/examples";
 import { PersonaDialog } from "@/app/(app)/automation/PersonaDialog";
 import { useModal } from "@/components/Modal";
-// import { ProcessingPromptFileDialog } from "@/app/(app)/automation/ProcessingPromptFileDialog";
+import { ProcessingPromptFileDialog } from "@/app/(app)/automation/ProcessingPromptFileDialog";
 
 export function RulesPrompt() {
   const { data, isLoading, error, mutate } = useSWR<
@@ -91,12 +91,12 @@ function RulesPromptForm({
 }) {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isGenerating, setIsGenerating] = useState(false);
-  // const [isDialogOpen, setIsDialogOpen] = useState(false);
-  // const [result, setResult] = useState<{
-  //   createdRules: number;
-  //   editedRules: number;
-  //   removedRules: number;
-  // }>();
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [result, setResult] = useState<{
+    createdRules: number;
+    editedRules: number;
+    removedRules: number;
+  }>();
   const {
     register,
     handleSubmit,
@@ -140,13 +140,13 @@ function RulesPromptForm({
         return result;
       };
 
-      // setIsDialogOpen(true);
-      // setResult(undefined);
+      setIsDialogOpen(true);
+      setResult(undefined);
 
       toast.promise(() => saveRulesPromise(data), {
         loading: "Saving rules... This may take a while to process...",
         success: (result) => {
-          // setResult(result);
+          setResult(result);
           const { createdRules, editedRules, removedRules } = result || {};
 
           const message = [
@@ -183,12 +183,11 @@ function RulesPromptForm({
 
       <Card className="grid grid-cols-1 sm:grid-cols-3">
         <div className="sm:col-span-2">
-          {/* <ProcessingPromptFileDialog
-          open={isDialogOpen}
-          result={result}
-          onOpenChange={setIsDialogOpen}
-          isLoading={isSubmitting}
-        /> */}
+          <ProcessingPromptFileDialog
+            open={isDialogOpen}
+            result={result}
+            onOpenChange={setIsDialogOpen}
+          />
 
           <CardHeader>
             <CardTitle>

apps/web/package.json

@@ -79,7 +79,6 @@
     "crisp-sdk-web": "^1.0.25",
     "date-fns": "^3.6.0",
     "diff": "^7.0.0",
-    "embla-carousel-react": "^8.5.1",
     "encoding": "^0.1.13",
     "eslint": "^8.57.1",
     "eslint-config-next": "14.2.15",

apps/web/utils/string.ts

@@ -36,3 +36,11 @@ export function generalizeSubject(subject = "") {
       .trim()
   );
 }
+
+export function pluralize(
+  count: number,
+  singular: string,
+  plural = `${singular}s`,
+) {
+  return count === 1 ? singular : plural;
+}