chore(ui): remove src/utils in favor of src/lib and src/hooks (#3783)

Having src/utils is confusing. It's not clear if what's in there are
pure functions or React hooks. Since we already have src/lib and
src/hooks, we move everything currently in src/utils into those other
folders.

Signed-off-by: Lucas Pinheiro <lucas@superplane.com>

Author: lucaspin

AGENTS.md

@@ -1,5 +1,6 @@
 import { BookOpen, ExternalLink, KeyRound, Loader2 } from "lucide-react";
-import { detectPlatform, getInstallCommand, useConnectCommand } from "@/utils/cli";
+import { detectPlatform, getInstallCommand } from "@/lib/cli";
+import { useConnectCommand } from "@/hooks/useConnectCommand";
 import { CopyButton } from "@/ui/CopyButton";
 
 const CLI_COMMANDS = [

web_src/AGENTS.md

@@ -1,9 +1,9 @@
 import { useEffect, useState } from "react";
 import { Alert, AlertDescription, AlertTitle } from "@/ui/alert";
-import { getApiErrorMessage } from "@/utils/errors";
-import { getUsageLimitNotice, getUsageLimitToastMessage } from "@/utils/usageLimits";
+import { getApiErrorMessage } from "@/lib/errors";
+import { getUsageLimitNotice, getUsageLimitToastMessage } from "@/lib/usageLimits";
 import { UsageLimitAlert } from "@/components/UsageLimitAlert";
-import { showErrorToast } from "../../utils/toast";
+import { showErrorToast } from "../../lib/toast";
 import { Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle } from "../Dialog/dialog";
 import { Field, Label } from "../Fieldset/fieldset";
 import { Icon } from "../Icon";

web_src/src/components/CanvasCreation/CLIPanel.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { showErrorToast } from "../../utils/toast";
+import { showErrorToast } from "../../lib/toast";
 import { Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle } from "../Dialog/dialog";
 import { Field, Label } from "../Fieldset/fieldset";
 import { Icon } from "../Icon";

web_src/src/components/CreateCanvasModal/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef, useCallback } from "react";
-import { formatTimeAgo } from "@/utils/date";
+import { formatTimeAgo } from "@/lib/date";
 
 const globalListeners = new Set<() => void>();
 let globalIntervalId: ReturnType<typeof setInterval> | null = null;

web_src/src/components/CreateCustomComponentModal/CreateBlueprintModal.tsx

@@ -2,7 +2,7 @@ import { TriangleAlert } from "lucide-react";
 import { Link } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
-import type { UsageLimitNotice } from "@/utils/usageLimits";
+import type { UsageLimitNotice } from "@/lib/usageLimits";
 import { Alert, AlertDescription, AlertTitle } from "@/ui/alert";
 
 interface UsageLimitAlertProps {

web_src/src/components/TimeAgo/TimeAgo.tsx

@@ -2,7 +2,8 @@ import React, { createContext, useCallback, useContext, useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
 
 import { AuthorizationPermission, usersListUserPermissions } from "@/api-client";
-import { useOrganizationId, withOrganizationHeader } from "@/utils/withOrganizationHeader";
+import { withOrganizationHeader } from "@/lib/withOrganizationHeader";
+import { useOrganizationId } from "@/hooks/useOrganizationId";
 import { useMe } from "@/hooks/useMe";
 
 interface PermissionsContextType {

web_src/src/components/UsageLimitAlert.tsx

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { useQueries } from "@tanstack/react-query";
 import { groupsListGroupUsers } from "@/api-client";
 import { organizationKeys } from "@/hooks/useOrganizationData";
-import { withOrganizationHeader } from "@/utils/withOrganizationHeader";
+import { withOrganizationHeader } from "@/lib/withOrganizationHeader";
 
 export const useApprovalGroupUsersPrefetch = ({
   organizationId,

web_src/src/contexts/PermissionsContext.tsx

@@ -8,7 +8,7 @@ import {
   componentsListComponents,
   componentsDescribeComponent,
 } from "../api-client/sdk.gen";
-import { withOrganizationHeader } from "../utils/withOrganizationHeader";
+import { withOrganizationHeader } from "../lib/withOrganizationHeader";
 
 // Query Keys
 export const blueprintKeys = {