A bunch of changes, including moving prompt/confirm out of context

src-web/lib/alert.ts

@@ -1,6 +1,6 @@
+import type { AlertProps } from '../components/core/Alert';
+import { Alert } from '../components/core/Alert';
 import type { DialogProps } from '../components/core/Dialog';
-import type { AlertProps } from '../hooks/Alert';
-import { Alert } from '../hooks/Alert';
 import { showDialog } from './dialog';
 
 interface AlertArgs {

src-web/lib/commands.ts

@@ -0,0 +1,51 @@
+import type { Folder, Workspace } from '@yaakapp-internal/models';
+import { getActiveWorkspaceId } from '../hooks/useActiveWorkspace';
+import { createFastMutation } from '../hooks/useFastMutation';
+import { trackEvent } from './analytics';
+import { showPrompt } from './prompt';
+import { router } from './router';
+import { invokeCmd } from './tauri';
+
+export const createWorkspace = createFastMutation<Workspace, void, Partial<Workspace>>({
+  mutationKey: ['create_workspace'],
+  mutationFn: (patch) => invokeCmd<Workspace>('cmd_update_workspace', { workspace: patch }),
+  onSuccess: async (workspace) => {
+    await router.navigate({
+      to: '/workspaces/$workspaceId',
+      params: { workspaceId: workspace.id },
+    });
+  },
+  onSettled: () => trackEvent('workspace', 'create'),
+});
+
+export const createFolder = createFastMutation<
+  Folder | null,
+  void,
+  Partial<Pick<Folder, 'name' | 'sortPriority' | 'folderId'>>
+>({
+  mutationKey: ['create_folder'],
+  mutationFn: async (patch) => {
+    const workspaceId = getActiveWorkspaceId();
+    if (workspaceId == null) {
+      throw new Error("Cannot create folder when there's no active workspace");
+    }
+
+    if (!patch.name) {
+      const name = await showPrompt({
+        id: 'new-folder',
+        label: 'Name',
+        defaultValue: 'Folder',
+        title: 'New Folder',
+        confirmText: 'Create',
+        placeholder: 'Name',
+      });
+      if (name == null) return null;
+
+      patch.name = name;
+    }
+
+    patch.sortPriority = patch.sortPriority || -Date.now();
+    return invokeCmd<Folder>('cmd_update_folder', { folder: { workspaceId, ...patch } });
+  },
+  onSettled: () => trackEvent('folder', 'create'),
+});

src-web/lib/confirm.ts

@@ -0,0 +1,25 @@
+import type { ConfirmProps } from '../components/core/Confirm';
+import { Confirm } from '../components/core/Confirm';
+import type { DialogProps } from '../components/core/Dialog';
+import { showDialog } from './dialog';
+
+interface ConfirmArgs {
+  id: string;
+  title: DialogProps['title'];
+  description?: DialogProps['description'];
+  variant?: ConfirmProps['variant'];
+  confirmText?: ConfirmProps['confirmText'];
+}
+
+export async function showConfirm({ id, title, description, variant, confirmText }: ConfirmArgs) {
+  return new Promise((onResult: ConfirmProps['onResult']) => {
+    showDialog({
+      id,
+      title,
+      description,
+      hideX: true,
+      size: 'sm',
+      render: ({ hide }) => Confirm({ onHide: hide, variant, onResult, confirmText }),
+    });
+  });
+}

src-web/lib/prompt.ts

@@ -0,0 +1,36 @@
+import type { DialogProps } from '../components/core/Dialog';
+import type { PromptProps } from '../components/core/Prompt';
+import { Prompt } from '../components/core/Prompt';
+import { showDialog } from './dialog';
+
+type PromptArgs = Pick<DialogProps, 'title' | 'description'> &
+  Omit<PromptProps, 'onClose' | 'onCancel' | 'onResult'> & { id: string };
+
+export async function showPrompt({ id, title, description, ...props }: PromptArgs) {
+  return new Promise((resolve: PromptProps['onResult']) => {
+    showDialog({
+      id,
+      title,
+      description,
+      hideX: true,
+      size: 'sm',
+      onClose: () => {
+        // Click backdrop, close, or escape
+        resolve(null);
+      },
+      render: ({ hide }) =>
+        Prompt({
+          onCancel: () => {
+            // Click cancel button within dialog
+            resolve(null);
+            hide();
+          },
+          onResult: (v) => {
+            resolve(v);
+            hide();
+          },
+          ...props,
+        }),
+    });
+  });
+}

src-web/lib/setWorkspaceSearchParams.ts

@@ -0,0 +1,20 @@
+import { router } from './router.js';
+
+/**
+ * Setting search params using "from" on the global router instance in tanstack router does not
+ * currently behave very well, so this is a wrapper function that gives a typesafe interface
+ * for the same thing.
+ */
+export function setWorkspaceSearchParams(
+  search: Partial<{
+    cookie_jar_id: string | null;
+    environment_id: string | null;
+    request_id: string | null;
+  }>,
+) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (router as any).navigate({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    search: (prev: any) => ({ ...prev, ...search }),
+  });
+}