@agent-native/core 0.85.6 → 0.86.0

package/corpus/templates/videos/app/hooks/use-folders.ts

@@ -1,199 +0,0 @@
-import { useActionQuery, useActionMutation } from "@agent-native/core/client";
-import { useQueryClient } from "@tanstack/react-query";
-import { nanoid } from "nanoid";
-import { useCallback } from "react";
-
-export type VideoFolder = {
-  id: string;
-  name: string;
-  createdAt?: string;
-};
-
-type FolderRow = {
-  id: string;
-  name: string;
-  createdAt: string;
-  updatedAt: string;
-  visibility: string;
-  ownerEmail: string;
-  orgId: string | null;
-  compositionIds: string[];
-};
-
-const LIST_KEY = ["action", "list-folders", undefined] as const;
-
-export function useFolders() {
-  const queryClient = useQueryClient();
-
-  const { data: rowsData } = useActionQuery<FolderRow[]>("list-folders");
-  const rows: FolderRow[] = rowsData ?? [];
-
-  const folders: VideoFolder[] = rows.map((r) => ({
-    id: r.id,
-    name: r.name,
-    createdAt: r.createdAt,
-  }));
-
-  const createMutation = useActionMutation("create-folder");
-  const renameMutation = useActionMutation("rename-folder");
-  const deleteMutation = useActionMutation("delete-folder");
-  const moveMutation = useActionMutation("move-composition-to-folder");
-
-  const patchFolders = useCallback(
-    (fn: (prev: FolderRow[]) => FolderRow[]) => {
-      queryClient.setQueryData<FolderRow[]>(LIST_KEY, (prev) => fn(prev ?? []));
-    },
-    [queryClient],
-  );
-
-  const createFolder = useCallback(
-    (name: string): VideoFolder => {
-      const id = nanoid();
-      const trimmed = name.trim() || "New Folder";
-      const now = new Date().toISOString();
-
-      patchFolders((prev) => [
-        {
-          id,
-          name: trimmed,
-          createdAt: now,
-          updatedAt: now,
-          visibility: "private",
-          ownerEmail: "",
-          orgId: null,
-          compositionIds: [],
-        },
-        ...prev,
-      ]);
-
-      createMutation.mutate(
-        { name: trimmed, id },
-        {
-          onError: () => {
-            patchFolders((prev) => prev.filter((f) => f.id !== id));
-          },
-        },
-      );
-
-      return { id, name: trimmed, createdAt: now };
-    },
-    [createMutation, patchFolders],
-  );
-
-  const renameFolder = useCallback(
-    (folderId: string, newName: string) => {
-      const trimmed = newName.trim();
-      if (!trimmed) return;
-
-      const previous = queryClient.getQueryData<FolderRow[]>(LIST_KEY);
-
-      patchFolders((prev) =>
-        prev.map((f) => (f.id === folderId ? { ...f, name: trimmed } : f)),
-      );
-
-      renameMutation.mutate(
-        { id: folderId, name: trimmed },
-        {
-          onError: () => {
-            if (previous) queryClient.setQueryData(LIST_KEY, previous);
-          },
-        },
-      );
-    },
-    [queryClient, renameMutation, patchFolders],
-  );
-
-  const deleteFolder = useCallback(
-    (folderId: string) => {
-      const previous = queryClient.getQueryData<FolderRow[]>(LIST_KEY);
-
-      patchFolders((prev) => prev.filter((f) => f.id !== folderId));
-
-      deleteMutation.mutate(
-        { id: folderId },
-        {
-          onError: () => {
-            if (previous) queryClient.setQueryData(LIST_KEY, previous);
-          },
-        },
-      );
-    },
-    [queryClient, deleteMutation, patchFolders],
-  );
-
-  const addToFolder = useCallback(
-    (compositionId: string, folderId: string) => {
-      const previous = queryClient.getQueryData<FolderRow[]>(LIST_KEY);
-
-      patchFolders((prev) =>
-        prev.map((f) => {
-          const without = f.compositionIds.filter((id) => id !== compositionId);
-          if (f.id === folderId) {
-            return { ...f, compositionIds: [...without, compositionId] };
-          }
-          return { ...f, compositionIds: without };
-        }),
-      );
-
-      moveMutation.mutate(
-        { compositionId, folderId },
-        {
-          onError: () => {
-            if (previous) queryClient.setQueryData(LIST_KEY, previous);
-          },
-        },
-      );
-    },
-    [queryClient, moveMutation, patchFolders],
-  );
-
-  const removeFromFolder = useCallback(
-    (compositionId: string) => {
-      const previous = queryClient.getQueryData<FolderRow[]>(LIST_KEY);
-
-      patchFolders((prev) =>
-        prev.map((f) => ({
-          ...f,
-          compositionIds: f.compositionIds.filter((id) => id !== compositionId),
-        })),
-      );
-
-      moveMutation.mutate(
-        { compositionId, folderId: "" },
-        {
-          onError: () => {
-            if (previous) queryClient.setQueryData(LIST_KEY, previous);
-          },
-        },
-      );
-    },
-    [queryClient, moveMutation, patchFolders],
-  );
-
-  const getFolderForComposition = useCallback(
-    (compositionId: string): string | null => {
-      const folder = rows.find((f) => f.compositionIds.includes(compositionId));
-      return folder?.id ?? null;
-    },
-    [rows],
-  );
-
-  const getCompositionsInFolder = useCallback(
-    (folderId: string): string[] => {
-      const folder = rows.find((f) => f.id === folderId);
-      return folder?.compositionIds ?? [];
-    },
-    [rows],
-  );
-
-  return {
-    folders,
-    createFolder,
-    renameFolder,
-    deleteFolder,
-    addToFolder,
-    removeFromFolder,
-    getFolderForComposition,
-    getCompositionsInFolder,
-  };
-}

package/corpus/templates/videos/app/hooks/use-mobile.tsx

@@ -1,21 +0,0 @@
-import * as React from "react";
-
-const MOBILE_BREAKPOINT = 768;
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
-    undefined,
-  );
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-
-  return !!isMobile;
-}

package/corpus/templates/videos/app/hooks/use-navigation-state.ts

@@ -1,52 +0,0 @@
-import { useAgentRouteState } from "@agent-native/core/client";
-import { useRef } from "react";
-
-import { useFolders } from "@/hooks/use-folders";
-
-export interface NavigationState {
-  view: string;
-  compositionId?: string;
-  folderId?: string;
-  folderName?: string;
-}
-
-export function useNavigationState() {
-  const { folders, getFolderForComposition } = useFolders();
-
-  // Capture current folder state in a ref so the stable getNavigationState
-  // callback always reads the latest values without triggering re-renders.
-  const foldersRef = useRef(folders);
-  foldersRef.current = folders;
-  const getFolderForCompositionRef = useRef(getFolderForComposition);
-  getFolderForCompositionRef.current = getFolderForComposition;
-
-  useAgentRouteState<NavigationState>({
-    getNavigationState: ({ pathname }) => {
-      const state: NavigationState = { view: "home" };
-
-      if (pathname.startsWith("/c/")) {
-        state.view = "composition";
-        const match = pathname.match(/\/c\/([^/]+)/);
-        if (match) {
-          const compositionId = match[1];
-          state.compositionId = compositionId;
-          const folderId = getFolderForCompositionRef.current(compositionId);
-          if (folderId) {
-            state.folderId = folderId;
-            const folder = foldersRef.current.find((f) => f.id === folderId);
-            if (folder?.name) state.folderName = folder.name;
-          }
-        }
-      } else if (pathname.startsWith("/components")) {
-        state.view = "components";
-      }
-
-      return state;
-    },
-    getCommandPath: (cmd) => {
-      if (cmd.compositionId) return `/c/${cmd.compositionId}`;
-      if (cmd.view === "components") return "/components";
-      return "/";
-    },
-  });
-}

package/corpus/templates/videos/app/hooks/use-question-flow.ts

@@ -1,14 +0,0 @@
-import { useGuidedQuestionFlow } from "@agent-native/core/client";
-
-/**
- * Polls the `show-questions` application state key.
- * When the agent writes questions there, they surface as an overlay.
- * On submit the answers are sent to the agent chat; on skip the state is cleared.
- */
-export function useQuestionFlow() {
-  return useGuidedQuestionFlow({
-    submitMessage: "Here are my answers to the questions:",
-    skipMessage: "Skip the questions — just go ahead and decide for me.",
-    buildSubmitContext: ({ formattedAnswers }) => formattedAnswers,
-  });
-}

package/corpus/templates/videos/app/hooks/use-toast.ts

@@ -1,188 +0,0 @@
-import * as React from "react";
-
-import type { ToastActionElement, ToastProps } from "@/components/ui/toast";
-
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-
-type ToasterToast = ToastProps & {
-  id: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  action?: ToastActionElement;
-};
-
-const actionTypes = {
-  ADD_TOAST: "ADD_TOAST",
-  UPDATE_TOAST: "UPDATE_TOAST",
-  DISMISS_TOAST: "DISMISS_TOAST",
-  REMOVE_TOAST: "REMOVE_TOAST",
-} as const;
-
-let count = 0;
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  return count.toString();
-}
-
-type ActionType = typeof actionTypes;
-
-type Action =
-  | {
-      type: ActionType["ADD_TOAST"];
-      toast: ToasterToast;
-    }
-  | {
-      type: ActionType["UPDATE_TOAST"];
-      toast: Partial<ToasterToast>;
-    }
-  | {
-      type: ActionType["DISMISS_TOAST"];
-      toastId?: ToasterToast["id"];
-    }
-  | {
-      type: ActionType["REMOVE_TOAST"];
-      toastId?: ToasterToast["id"];
-    };
-
-interface State {
-  toasts: ToasterToast[];
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId: toastId,
-    });
-  }, TOAST_REMOVE_DELAY);
-
-  toastTimeouts.set(toastId, timeout);
-};
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      };
-
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t,
-        ),
-      };
-
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-
-      // ! Side effects ! - This could be extracted into a dismissToast() action,
-      // but I'll keep it here for simplicity
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id);
-        });
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t,
-        ),
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      };
-  }
-};
-
-const listeners: Array<(state: State) => void> = [];
-
-let memoryState: State = { toasts: [] };
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-
-type Toast = Omit<ToasterToast, "id">;
-
-function toast({ ...props }: Toast) {
-  const id = genId();
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: "UPDATE_TOAST",
-      toast: { ...props, id },
-    });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      },
-    },
-  });
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  };
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState);
-
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
-  };
-}
-
-export { useToast, toast };

package/corpus/templates/videos/app/hooks/useUnsavedChanges.ts

@@ -1,48 +0,0 @@
-import { useState, useEffect } from "react";
-
-import { useComposition } from "@/contexts/CompositionContext";
-import { useTimeline } from "@/contexts/TimelineContext";
-
-/**
- * Detects if there are unsaved changes in localStorage that differ from registry.
- * Returns true if localStorage has overrides (meaning Save button should be green).
- */
-export function useUnsavedChanges(): boolean {
-  const { compositionId } = useComposition();
-  const { tracks } = useTimeline();
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-
-  useEffect(() => {
-    if (!compositionId || compositionId === "new") {
-      setHasUnsavedChanges(false);
-      return;
-    }
-
-    const tracksKey = `videos-tracks:${compositionId}`;
-    const propsKey = `videos-props:${compositionId}`;
-    const settingsKey = `videos-comp-settings:${compositionId}`;
-
-    // Check if any localStorage keys exist for this composition
-    const hasOverrides =
-      !!localStorage.getItem(tracksKey) ||
-      !!localStorage.getItem(propsKey) ||
-      !!localStorage.getItem(settingsKey);
-
-    setHasUnsavedChanges(hasOverrides);
-
-    // Listen for storage changes (from other tabs or direct edits)
-    const handleStorageChange = () => {
-      const newHasOverrides =
-        !!localStorage.getItem(tracksKey) ||
-        !!localStorage.getItem(propsKey) ||
-        !!localStorage.getItem(settingsKey);
-
-      setHasUnsavedChanges(newHasOverrides);
-    };
-
-    window.addEventListener("storage", handleStorageChange);
-    return () => window.removeEventListener("storage", handleStorageChange);
-  }, [compositionId, tracks]); // Re-check when tracks change
-
-  return hasUnsavedChanges;
-}