Move some more stuff over

apps/yaak-client/components/CommandPaletteDialog.tsx

@@ -21,7 +21,7 @@ import { useActiveRequest } from '../hooks/useActiveRequest';
 import { activeWorkspaceIdAtom } from '../hooks/useActiveWorkspace';
 import { useAllRequests } from '../hooks/useAllRequests';
 import { useCreateWorkspace } from '../hooks/useCreateWorkspace';
-import { useDebouncedState } from '../hooks/useDebouncedState';
+import { useDebouncedState } from '@yaakapp-internal/ui';
 import { useEnvironmentsBreakdown } from '../hooks/useEnvironmentsBreakdown';
 import { useGrpcRequestActions } from '../hooks/useGrpcRequestActions';
 import type { HotkeyAction } from '../hooks/useHotKey';

apps/yaak-client/components/Settings/SettingsPlugins.tsx

@@ -12,7 +12,7 @@ import {
 import classNames from 'classnames';
 import { useAtomValue } from 'jotai';
 import { useState } from 'react';
-import { useDebouncedValue } from '../../hooks/useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 import { useInstallPlugin } from '../../hooks/useInstallPlugin';
 import { usePluginInfo } from '../../hooks/usePluginInfo';
 import { usePluginsKey, useRefreshPlugins } from '../../hooks/usePlugins';

apps/yaak-client/components/TemplateFunctionDialog.tsx

@@ -12,7 +12,7 @@ import { parseTemplate } from '@yaakapp-internal/templates';
 import classNames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';
 import { activeWorkspaceAtom } from '../hooks/useActiveWorkspace';
-import { useDebouncedValue } from '../hooks/useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 import { useRenderTemplate } from '../hooks/useRenderTemplate';
 import { useTemplateFunctionConfig } from '../hooks/useTemplateFunctionConfig';
 import {

apps/yaak-client/components/graphql/GraphQLDocsExplorer.tsx

@@ -25,7 +25,7 @@ import type { CSSProperties, HTMLAttributes, KeyboardEvent, ReactNode } from 're
 import { Fragment, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useClickOutside } from '../../hooks/useClickOutside';
 import { useContainerSize } from '../../hooks/useContainerQuery';
-import { useDebouncedValue } from '../../hooks/useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 import { useStateWithDeps } from '../../hooks/useStateWithDeps';
 import { jotaiStore } from '../../lib/jotai';
 import { Banner } from '../core/Banner';

apps/yaak-client/components/responseViewers/TextViewer.tsx

@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import type { ReactNode } from 'react';
 import { useCallback, useMemo } from 'react';
 import { createGlobalState } from 'react-use';
-import { useDebouncedValue } from '../../hooks/useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 import { useFormatText } from '../../hooks/useFormatText';
 import type { EditorProps } from '../core/Editor/Editor';
 import { hyperlink } from '../core/Editor/hyperlink/extension';

apps/yaak-client/hooks/useDebouncedState.ts

@@ -1,12 +0,0 @@
-import { debounce } from '@yaakapp-internal/lib';
-import type { Dispatch, SetStateAction } from 'react';
-import { useMemo, useState } from 'react';
-
-export function useDebouncedState<T>(
-  defaultValue: T,
-  delay = 500,
-): [T, Dispatch<SetStateAction<T>>, Dispatch<SetStateAction<T>>] {
-  const [state, setState] = useState<T>(defaultValue);
-  const debouncedSetState = useMemo(() => debounce(setState, delay), [delay]);
-  return [state, debouncedSetState, setState];
-}

apps/yaak-client/hooks/useDebouncedValue.ts

@@ -1,8 +0,0 @@
-import { useEffect } from 'react';
-import { useDebouncedState } from './useDebouncedState';
-
-export function useDebouncedValue<T>(value: T, delay = 500) {
-  const [state, setState] = useDebouncedState<T>(value, delay);
-  useEffect(() => setState(value), [setState, value]);
-  return state;
-}

apps/yaak-client/hooks/useGrpc.ts

@@ -5,7 +5,7 @@ import { jotaiStore } from '../lib/jotai';
 import { minPromiseMillis } from '../lib/minPromiseMillis';
 import { invokeCmd } from '../lib/tauri';
 import { activeEnvironmentIdAtom, useActiveEnvironment } from './useActiveEnvironment';
-import { useDebouncedValue } from './useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 
 export interface ReflectResponseService {
   name: string;

apps/yaak-client/hooks/useIntrospectGraphQL.ts

@@ -8,7 +8,7 @@ import { minPromiseMillis } from '../lib/minPromiseMillis';
 import { getResponseBodyText } from '../lib/responseBody';
 import { sendEphemeralRequest } from '../lib/sendEphemeralRequest';
 import { useActiveEnvironment } from './useActiveEnvironment';
-import { useDebouncedValue } from './useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 
 const introspectionRequestBody = JSON.stringify({
   query: getIntrospectionQuery(),

apps/yaak-client/hooks/usePlugins.ts

@@ -5,7 +5,7 @@ import { jotaiStore } from '../lib/jotai';
 import { minPromiseMillis } from '../lib/minPromiseMillis';
 import { invokeCmd } from '../lib/tauri';
 import { activeWorkspaceIdAtom } from './useActiveWorkspace';
-import { useDebouncedValue } from './useDebouncedValue';
+import { useDebouncedValue } from '@yaakapp-internal/ui';
 import { invalidateAllPluginInfo } from './usePluginInfo';
 
 export function usePluginsKey() {

apps/yaak-proxy/main.tsx

@@ -3,6 +3,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { invoke } from "@tauri-apps/api/core";
 import { type } from "@tauri-apps/plugin-os";
 import { Button, HeaderSize } from "@yaakapp-internal/ui";
+import classNames from "classnames";
 import { StrictMode } from "react";
 import { useState } from "react";
 import { createRoot } from "react-dom/client";
@@ -51,7 +52,7 @@ function App() {
   }
 
   return (
-    <div className="h-full w-full grid grid-rows-[auto_1fr]">
+    <div className={classNames('h-full w-full grid grid-rows-[auto_1fr]', osType === 'linux' && 'border border-border-subtle')}>
       <HeaderSize
         size="lg"
         osType={osType}

apps/yaak-proxy/package.json

@@ -14,6 +14,7 @@
     "@tauri-apps/plugin-os": "^2.3.2",
     "@yaakapp-internal/theme": "^1.0.0",
     "@yaakapp-internal/ui": "^1.0.0",
+    "classnames": "^2.5.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },

packages/ui/package.json

@@ -4,18 +4,5 @@
   "version": "1.0.0",
   "type": "module",
   "main": "src/index.ts",
-  "types": "src/index.ts",
+  "types": "src/index.ts"
-  "dependencies": {
-    "@tanstack/react-query": "^5.90.5",
-    "@tauri-apps/api": "^2.9.1",
-    "@yaakapp-internal/lib": "^1.0.0",
-    "classnames": "^2.5.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-use": "^17.6.0"
-  },
-  "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  }
 }