@jami-studio/dispatch 0.13.14

package/src/routes/pages/destinations.tsx

@@ -0,0 +1,274 @@
+import {
+  useActionMutation,
+  useActionQuery,
+  useT,
+} from "@agent-native/core/client";
+import { useState } from "react";
+import { toast } from "sonner";
+
+import { DispatchShell } from "../../components/dispatch-shell";
+import { TaskQueueHealth } from "../../components/task-queue-health";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "../../components/ui/alert-dialog";
+import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "../../components/ui/select";
+import { Textarea } from "../../components/ui/textarea";
+
+export function meta() {
+  return [{ title: "Destinations — Dispatch" }];
+}
+
+function QuickSendRow({
+  destination,
+}: {
+  destination: { id: string; name: string };
+}) {
+  const t = useT();
+  const [text, setText] = useState("");
+  const send = useActionMutation("send-platform-message", {
+    onSuccess: () => {
+      toast.success(t("dispatch.pages.messageSent"));
+      setText("");
+    },
+    onError: (error) => {
+      toast.error(
+        error instanceof Error
+          ? error.message
+          : t("dispatch.pages.unableToSendMessage"),
+      );
+    },
+  });
+  return (
+    <div className="mt-3 flex gap-2">
+      <Input
+        value={text}
+        onChange={(event) => setText(event.target.value)}
+        placeholder={t("dispatch.pages.quickTestMessage")}
+      />
+      <Button
+        onClick={() =>
+          send.mutate({
+            destinationId: destination.id,
+            text: text || `Test message to ${destination.name}`,
+          })
+        }
+        disabled={send.isPending}
+      >
+        {t("dispatch.pages.send")}
+      </Button>
+    </div>
+  );
+}
+
+export default function DestinationsRoute() {
+  const t = useT();
+  const { data } = useActionQuery("list-destinations", {});
+  const [form, setForm] = useState({
+    name: "",
+    platform: "slack",
+    destination: "",
+    threadRef: "",
+    notes: "",
+  });
+
+  const upsert = useActionMutation("upsert-destination", {
+    onSuccess: () => {
+      toast.success(t("dispatch.pages.destinationSaved"));
+      setForm((current) => ({
+        ...current,
+        name: "",
+        destination: "",
+        threadRef: "",
+        notes: "",
+      }));
+    },
+  });
+  const remove = useActionMutation("delete-destination", {
+    onSuccess: () => toast.success(t("dispatch.pages.destinationRemoved")),
+  });
+
+  return (
+    <DispatchShell
+      title={t("dispatch.nav.destinations")}
+      description={t("dispatch.pages.destinationsDescription")}
+    >
+      <div className="flex flex-col gap-4">
+        <TaskQueueHealth />
+        <div className="grid gap-4 xl:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]">
+          <section className="rounded-2xl border bg-card p-5">
+            <h2 className="text-lg font-semibold text-foreground">
+              {t("dispatch.pages.savedDestinations")}
+            </h2>
+            <div className="mt-4 space-y-3">
+              {(data || []).map((destination: any) => (
+                <div
+                  key={destination.id}
+                  className="rounded-xl border bg-muted/30 p-4"
+                >
+                  <div className="flex items-start justify-between gap-3">
+                    <div>
+                      <div className="text-sm font-medium text-foreground">
+                        {destination.name}
+                      </div>
+                      <div className="mt-1 text-xs text-muted-foreground">
+                        {destination.platform} · {destination.destination}
+                        {destination.threadRef
+                          ? ` · thread ${destination.threadRef}`
+                          : ""}
+                      </div>
+                      {destination.notes && (
+                        <p className="mt-2 text-sm text-muted-foreground">
+                          {destination.notes}
+                        </p>
+                      )}
+                    </div>
+                    <AlertDialog>
+                      <AlertDialogTrigger asChild>
+                        <Button variant="outline" size="sm">
+                          {t("dispatch.pages.delete")}
+                        </Button>
+                      </AlertDialogTrigger>
+                      <AlertDialogContent>
+                        <AlertDialogHeader>
+                          <AlertDialogTitle>
+                            {t("dispatch.pages.deleteDestinationTitle")}
+                          </AlertDialogTitle>
+                          <AlertDialogDescription>
+                            {t("dispatch.pages.deleteDestinationDescription", {
+                              name: destination.name,
+                            })}
+                          </AlertDialogDescription>
+                        </AlertDialogHeader>
+                        <AlertDialogFooter>
+                          <AlertDialogCancel>
+                            {t("dispatch.pages.cancel")}
+                          </AlertDialogCancel>
+                          <AlertDialogAction
+                            onClick={() =>
+                              remove.mutate({ id: destination.id })
+                            }
+                          >
+                            {t("dispatch.pages.delete")}
+                          </AlertDialogAction>
+                        </AlertDialogFooter>
+                      </AlertDialogContent>
+                    </AlertDialog>
+                  </div>
+                  <QuickSendRow destination={destination} />
+                </div>
+              ))}
+              {(data?.length || 0) === 0 && (
+                <div className="rounded-xl border border-dashed px-4 py-8 text-sm text-muted-foreground">
+                  {t("dispatch.pages.noDestinations")}
+                </div>
+              )}
+            </div>
+          </section>
+
+          <section className="rounded-2xl border bg-card p-5">
+            <h2 className="text-lg font-semibold text-foreground">
+              {t("dispatch.pages.addDestination")}
+            </h2>
+            <div className="mt-4 space-y-3">
+              <Input
+                value={form.name}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    name: event.target.value,
+                  }))
+                }
+                placeholder={t("dispatch.pages.dailyDigestChannel")}
+              />
+              <Select
+                value={form.platform}
+                onValueChange={(value) =>
+                  setForm((current) => ({
+                    ...current,
+                    platform: value,
+                  }))
+                }
+              >
+                <SelectTrigger>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="slack">Slack</SelectItem>
+                  <SelectItem value="telegram">Telegram</SelectItem>
+                  <SelectItem value="email">Email</SelectItem>
+                </SelectContent>
+              </Select>
+              <Input
+                value={form.destination}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    destination: event.target.value,
+                  }))
+                }
+                placeholder={
+                  form.platform === "slack"
+                    ? "C0123456789"
+                    : form.platform === "email"
+                      ? "teammate+qa@agent-native.test"
+                      : "123456789"
+                }
+              />
+              <Input
+                value={form.threadRef}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    threadRef: event.target.value,
+                  }))
+                }
+                placeholder={t("dispatch.pages.optionalThreadOrTopicId")}
+              />
+              <Textarea
+                value={form.notes}
+                onChange={(event) =>
+                  setForm((current) => ({
+                    ...current,
+                    notes: event.target.value,
+                  }))
+                }
+                placeholder={t("dispatch.pages.destinationNotes")}
+              />
+              <Button
+                className="w-full"
+                onClick={() =>
+                  upsert.mutate({
+                    name: form.name,
+                    platform: form.platform as "slack" | "telegram" | "email",
+                    destination: form.destination,
+                    threadRef: form.threadRef || undefined,
+                    notes: form.notes || undefined,
+                  })
+                }
+                disabled={!form.name || !form.destination}
+              >
+                {t("dispatch.pages.saveDestination")}
+              </Button>
+            </div>
+          </section>
+        </div>
+      </div>
+    </DispatchShell>
+  );
+}

package/src/routes/pages/dream-settings.spec.ts

@@ -0,0 +1,131 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  dreamSettingsToDraft,
+  dreamSettingsUpdateFromDraft,
+  splitSourceIds,
+  type DreamSettingsDraft,
+} from "./dream-settings.js";
+
+function draft(
+  overrides: Partial<DreamSettingsDraft> = {},
+): DreamSettingsDraft {
+  return {
+    enabled: true,
+    schedule: "0 9 * * 1",
+    sourceId: "all",
+    sourceIdsText: "",
+    allSources: true,
+    query: "",
+    limit: "8",
+    sourceTimeoutMs: "30000",
+    sourceConcurrency: "2",
+    sourceStartStaggerMs: "250",
+    threadConcurrency: "3",
+    threadTimeoutMs: "8000",
+    minCandidateCount: "1",
+    ...overrides,
+  };
+}
+
+describe("dream settings payload helpers", () => {
+  it("normalizes persisted settings into editable draft text", () => {
+    expect(
+      dreamSettingsToDraft({
+        enabled: true,
+        schedule: "0 8 * * 2",
+        sourceId: "selected",
+        sourceIds: ["mail", "calendar"],
+        allSources: false,
+        query: "memory",
+        limit: 12,
+        sourceTimeoutMs: 45000,
+        sourceConcurrency: 4,
+        sourceStartStaggerMs: 500,
+        threadConcurrency: 5,
+        threadTimeoutMs: 9000,
+        minCandidateCount: 2,
+      }),
+    ).toMatchObject({
+      enabled: true,
+      schedule: "0 8 * * 2",
+      sourceId: "selected",
+      sourceIdsText: "mail\ncalendar",
+      allSources: false,
+      query: "memory",
+      limit: "12",
+      sourceTimeoutMs: "45000",
+      sourceConcurrency: "4",
+      sourceStartStaggerMs: "500",
+      threadConcurrency: "5",
+      threadTimeoutMs: "9000",
+      minCandidateCount: "2",
+    });
+  });
+
+  it("splits explicit source ids from commas and newlines", () => {
+    expect(splitSourceIds(" mail\ncalendar, analytics ,, \nbrain ")).toEqual([
+      "mail",
+      "calendar",
+      "analytics",
+      "brain",
+    ]);
+  });
+
+  it("builds a save payload that clears source ids and query", () => {
+    expect(
+      dreamSettingsUpdateFromDraft(
+        draft({
+          enabled: false,
+          schedule: " 0 10 * * 3 ",
+          sourceId: " current ",
+          sourceIdsText: "",
+          allSources: false,
+          query: "   ",
+          minCandidateCount: "0",
+        }),
+      ),
+    ).toMatchObject({
+      enabled: false,
+      schedule: "0 10 * * 3",
+      sourceId: "current",
+      sourceIds: [],
+      allSources: false,
+      query: "",
+      limit: 8,
+      sourceTimeoutMs: 30000,
+      sourceConcurrency: 2,
+      sourceStartStaggerMs: 250,
+      threadConcurrency: 3,
+      threadTimeoutMs: 8000,
+      minCandidateCount: 0,
+    });
+  });
+
+  it("falls back to all source scope and omits invalid numeric edits", () => {
+    expect(
+      dreamSettingsUpdateFromDraft(
+        draft({
+          sourceId: "   ",
+          sourceIdsText: "mail\ncalendar",
+          limit: "not-a-number",
+          threadTimeoutMs: "",
+        }),
+      ),
+    ).toMatchObject({
+      sourceId: "all",
+      sourceIds: ["mail", "calendar"],
+      allSources: true,
+    });
+    expect(
+      dreamSettingsUpdateFromDraft(
+        draft({ limit: "not-a-number", threadTimeoutMs: "" }),
+      ),
+    ).not.toHaveProperty("limit");
+    expect(
+      dreamSettingsUpdateFromDraft(
+        draft({ limit: "not-a-number", threadTimeoutMs: "" }),
+      ),
+    ).not.toHaveProperty("threadTimeoutMs");
+  });
+});

package/src/routes/pages/dream-settings.ts

@@ -0,0 +1,103 @@
+export interface DreamSettings {
+  enabled: boolean;
+  schedule: string;
+  sourceId: string;
+  sourceIds?: string[];
+  allSources: boolean;
+  query?: string | null;
+  limit: number;
+  sourceTimeoutMs: number;
+  sourceConcurrency?: number;
+  sourceStartStaggerMs?: number;
+  threadConcurrency?: number;
+  threadTimeoutMs?: number;
+  minCandidateCount: number;
+}
+
+export interface DreamSettingsDraft {
+  enabled: boolean;
+  schedule: string;
+  sourceId: string;
+  sourceIdsText: string;
+  allSources: boolean;
+  query: string;
+  limit: string;
+  sourceTimeoutMs: string;
+  sourceConcurrency: string;
+  sourceStartStaggerMs: string;
+  threadConcurrency: string;
+  threadTimeoutMs: string;
+  minCandidateCount: string;
+}
+
+export function dreamSettingsToDraft(
+  settings: DreamSettings | null | undefined,
+): DreamSettingsDraft {
+  return {
+    enabled: settings?.enabled ?? false,
+    schedule: settings?.schedule ?? "0 9 * * 1",
+    sourceId: settings?.sourceId ?? "all",
+    sourceIdsText: (settings?.sourceIds ?? []).join("\n"),
+    allSources: settings?.allSources ?? true,
+    query: settings?.query ?? "",
+    limit: String(settings?.limit ?? 8),
+    sourceTimeoutMs: String(settings?.sourceTimeoutMs ?? 30_000),
+    sourceConcurrency: String(settings?.sourceConcurrency ?? 2),
+    sourceStartStaggerMs: String(settings?.sourceStartStaggerMs ?? 250),
+    threadConcurrency: String(settings?.threadConcurrency ?? 3),
+    threadTimeoutMs: String(settings?.threadTimeoutMs ?? 8_000),
+    minCandidateCount: String(settings?.minCandidateCount ?? 1),
+  };
+}
+
+export function splitSourceIds(value: string): string[] {
+  return value
+    .split(/[\n,]/)
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+function numberOrUndefined(value: string): number | undefined {
+  const trimmed = value.trim();
+  if (!trimmed) return undefined;
+  const numeric = Number(trimmed);
+  return Number.isFinite(numeric) ? numeric : undefined;
+}
+
+export function dreamSettingsUpdateFromDraft(
+  draft: DreamSettingsDraft,
+): Partial<DreamSettings> {
+  const sourceIds = splitSourceIds(draft.sourceIdsText);
+  const update: Partial<DreamSettings> = {
+    enabled: draft.enabled,
+    schedule: draft.schedule.trim(),
+    sourceId: draft.sourceId.trim() || (draft.allSources ? "all" : "current"),
+    sourceIds,
+    allSources: draft.allSources,
+    query: draft.query.trim(),
+  };
+
+  const limit = numberOrUndefined(draft.limit);
+  if (limit !== undefined) update.limit = limit;
+  const sourceTimeoutMs = numberOrUndefined(draft.sourceTimeoutMs);
+  if (sourceTimeoutMs !== undefined) update.sourceTimeoutMs = sourceTimeoutMs;
+  const sourceConcurrency = numberOrUndefined(draft.sourceConcurrency);
+  if (sourceConcurrency !== undefined) {
+    update.sourceConcurrency = sourceConcurrency;
+  }
+  const sourceStartStaggerMs = numberOrUndefined(draft.sourceStartStaggerMs);
+  if (sourceStartStaggerMs !== undefined) {
+    update.sourceStartStaggerMs = sourceStartStaggerMs;
+  }
+  const threadConcurrency = numberOrUndefined(draft.threadConcurrency);
+  if (threadConcurrency !== undefined) {
+    update.threadConcurrency = threadConcurrency;
+  }
+  const threadTimeoutMs = numberOrUndefined(draft.threadTimeoutMs);
+  if (threadTimeoutMs !== undefined) update.threadTimeoutMs = threadTimeoutMs;
+  const minCandidateCount = numberOrUndefined(draft.minCandidateCount);
+  if (minCandidateCount !== undefined) {
+    update.minCandidateCount = minCandidateCount;
+  }
+  return update;
+}