import { appPath } from "@agent-native/core/client/api-path";
import { useAgentRouteState } from "@agent-native/core/client/navigation";

import {
  crmNavigationPath,
  viewFromPath,
  type CrmNavigationTarget,
  type CrmView,
} from "@/lib/navigation";
import { TAB_ID } from "@/lib/tab-id";

export interface CrmNavigationState {
  view: CrmView;
  path: string;
  recordId?: string;
  viewId?: string;
  query?: string;
  settingsSection?: "intelligence";
  dashboardId?: string;
}

/** Exactly what `navigate` accepts, so no destination is dropped in between. */
export type CrmNavigateCommand = CrmNavigationTarget;

export function useNavigationState() {
  useAgentRouteState<CrmNavigationState, CrmNavigateCommand>({
    browserTabId: TAB_ID,
    requestSource: TAB_ID,
    getNavigationState: ({ pathname, search }) => {
      const params = new URLSearchParams(search);
      const recordMatch = pathname.match(/^\/records\/([^/?#]+)/);
      const settingsMatch = pathname.match(/^\/settings\/([^/?#]+)/);
      return {
        view: viewFromPath(pathname),
        path: appPath(`${pathname}${search}`),
        recordId: recordMatch?.[1]
          ? decodeURIComponent(recordMatch[1])
          : undefined,
        viewId: params.get("view") ?? undefined,
        dashboardId: params.get("id") ?? undefined,
        query: params.get("q") ?? undefined,
        settingsSection:
          settingsMatch?.[1] === "intelligence" ? "intelligence" : undefined,
      };
    },
    getCommandPath: (command) => crmNavigationPath(command),
  });
}