chore(web): remove "use client" directives

apps/web/src/browser/BrowserDeviceToolbar.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import {
   PREVIEW_VIEWPORT_MAX_AREA,
   PREVIEW_VIEWPORT_MAX_DIMENSION,

apps/web/src/browser/BrowserSurfaceSlot.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useLayoutEffect, useRef } from "react";
 
 import { acquireBrowserSurface } from "./browserSurfaceStore";

apps/web/src/browser/BrowserViewportResizeHandles.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type {
   CSSProperties,
   KeyboardEvent as ReactKeyboardEvent,

apps/web/src/browser/ElectronBrowserHost.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { parseScopedThreadKey } from "@t3tools/client-runtime/environment";
 import {
   AuthPreviewOperateScope,

apps/web/src/browser/HostedBrowserWebview.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type {
   DesktopPreviewColorScheme,
   PreviewViewportSetting,

apps/web/src/browser/ServerBrowserSurface.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import {
   createPreviewFramePainter,
   createPreviewStreamClient,

apps/web/src/browser/useBrowserViewportResize.ts

@@ -1,5 +1,3 @@
-"use client";
-
 import type { PreviewViewportSetting, PreviewViewportSize } from "@t3tools/contracts";
 import {
   useEffect,

apps/web/src/components/AnimatedHeight.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { type ReactNode, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { observeResize } from "../lib/observeResize";
 

apps/web/src/components/CommandPalette.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { threadPullRequestLinkMode } from "@t3tools/client-runtime/thread-pull-request-compatibility";
 import { visibleThreadPullRequests } from "@t3tools/shared/threadPullRequests";
 

apps/web/src/components/preview/AgentBrowserCursor.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { DesktopPreviewPointerEvent } from "@t3tools/contracts";
 import { MousePointer2 } from "lucide-react";
 import { useEffect, useState } from "react";

apps/web/src/components/preview/PreviewMoreMenu.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { DesktopPreviewColorScheme } from "@t3tools/contracts";
 import { Minus, MoreVertical, Plus as PlusIcon, RotateCcw } from "lucide-react";
 

apps/web/src/components/preview/PreviewPanel.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import {
   AuthPreviewOperateScope,
   type PreviewAnnotationPayload,

apps/web/src/components/preview/PreviewView.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { scopeThreadRef, scopedThreadKey } from "@t3tools/client-runtime/environment";
 import { settlePromise } from "@t3tools/client-runtime/state/runtime";
 import { previewStreamDownloadUrl } from "@t3tools/client-runtime/preview/server-browser-stream";

apps/web/src/components/preview/ThreadPreviewMiniPlayer.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { FILL_PREVIEW_VIEWPORT, type ScopedThreadRef } from "@t3tools/contracts";
 import { previewPdfAssetUrl } from "@t3tools/shared/preview";
 import { useEnvironmentHttpBaseUrl } from "~/state/environments";

apps/web/src/components/preview/previewActionBus.ts

@@ -1,5 +1,3 @@
-"use client";
-
 export type PreviewAction =
   | "toggle-panel"
   | "refresh"

apps/web/src/components/preview/usePreviewBridge.ts

@@ -1,5 +1,3 @@
-"use client";
-
 import type {
   DesktopPreviewTabState,
   PreviewReportStatusInput,

apps/web/src/components/preview/usePreviewSession.ts

@@ -1,5 +1,3 @@
-"use client";
-
 import { useAtomValue } from "@effect/atom-react";
 import {
   parseScopedThreadKey,

apps/web/src/components/settings/AddProviderInstanceDialog.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { ProviderInstanceIcon } from "../chat/ProviderInstanceIcon";
 
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";

apps/web/src/components/settings/CustomModelEditor.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { PlusIcon, XIcon } from "lucide-react";
 import { useState } from "react";
 import type { ProviderDriverKind, ServerProviderModel } from "@t3tools/contracts";

apps/web/src/components/settings/ProviderAccentColorPicker.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { PlusIcon, XIcon } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 

apps/web/src/components/settings/ProviderInstanceCard.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Spinner } from "~/components/ui/spinner";
 
 import {

apps/web/src/components/settings/ProviderModelsSection.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { ArrowDownIcon, ArrowUpIcon, PencilIcon, PlusIcon, StarIcon, XIcon } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import {

apps/web/src/components/settings/ProviderSettingsForm.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useEffect, useRef, useState, type ReactNode } from "react";
 import * as Option from "effect/Option";
 import * as Schema from "effect/Schema";

apps/web/src/components/ui/alert-dialog.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 
 import { cn } from "~/lib/utils";

apps/web/src/components/ui/autocomplete.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Autocomplete as AutocompletePrimitive } from "@base-ui/react/autocomplete";
 import { ChevronsUpDownIcon, XIcon } from "lucide-react";
 

apps/web/src/components/ui/badge.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva, type VariantProps } from "class-variance-authority";

apps/web/src/components/ui/button.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva, type VariantProps } from "class-variance-authority";

apps/web/src/components/ui/calendar.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { DayPicker } from "@daypicker/react";
 import { ChevronLeftIcon, ChevronRightIcon, ChevronsUpDownIcon } from "lucide-react";
 import type * as React from "react";

apps/web/src/components/ui/checkbox.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 
 import { cn } from "~/lib/utils";

apps/web/src/components/ui/collapsible.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
 
 import { cn } from "~/lib/utils";

apps/web/src/components/ui/combobox.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
 import { ChevronsUpDownIcon, SearchIcon, XIcon } from "lucide-react";
 import * as React from "react";

apps/web/src/components/ui/command.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Dialog as CommandDialogPrimitive } from "@base-ui/react/dialog";
 import { SearchIcon } from "lucide-react";
 import type * as React from "react";

apps/web/src/components/ui/dialog.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 import { type ComponentProps, createContext, type ReactNode, use, useState } from "react";

apps/web/src/components/ui/draft-input.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useCommitOnBlur } from "~/hooks/useCommitOnBlur";
 import { Input, type InputProps } from "./input";
 

apps/web/src/components/ui/group.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { cva, type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 

apps/web/src/components/ui/input-group.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { cva, type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 

apps/web/src/components/ui/input.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Input as InputPrimitive } from "@base-ui/react/input";
 import type * as React from "react";
 

apps/web/src/components/ui/label.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 

apps/web/src/components/ui/menu.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import type * as React from "react";

apps/web/src/components/ui/number-field.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
 import { MinusIcon, PlusIcon } from "lucide-react";
 import * as React from "react";

apps/web/src/components/ui/popover.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 
 import { cn } from "~/lib/utils";

apps/web/src/components/ui/radio-group.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
 

apps/web/src/components/ui/scroll-area.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
 
 import { cn } from "~/lib/utils";

apps/web/src/components/ui/select.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { useRender } from "@base-ui/react/use-render";

apps/web/src/components/ui/sheet.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 import type { CSSProperties } from "react";

apps/web/src/components/ui/switch.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
 
 import { cn } from "~/lib/utils";

apps/web/src/components/ui/textarea.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Field as FieldPrimitive } from "@base-ui/react/field";
 import { mergeProps } from "@base-ui/react/merge-props";
 import type * as React from "react";

apps/web/src/components/ui/toast.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Spinner } from "~/components/ui/spinner";
 
 import { Toast } from "@base-ui/react/toast";

apps/web/src/components/ui/toastHelpers.ts

@@ -1,5 +1,3 @@
-"use client";
-
 import type { ToastManagerAddOptions } from "@base-ui/react/toast";
 import type { ComponentPropsWithoutRef, ReactNode } from "react";
 

apps/web/src/components/ui/toggle-group.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import type { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
 import type { VariantProps } from "class-variance-authority";

apps/web/src/components/ui/toggle.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
 import { cva, type VariantProps } from "class-variance-authority";