diff --git a/web/index.html b/web/index.html
index 2733611..37d56ac 100644
--- a/web/index.html
+++ b/web/index.html
@@ -12,7 +12,7 @@
rel="stylesheet"
/>
-
+
diff --git a/web/package-lock.json b/web/package-lock.json
index 0e55497..4315729 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -8,6 +8,7 @@
"name": "nadlan-mcp-web",
"version": "0.1.0",
"dependencies": {
+ "@radix-ui/react-direction": "^1.1.1",
"@radix-ui/react-icons": "^1.3.2",
"@radix-ui/react-label": "^2.1.0",
"@radix-ui/react-slot": "^1.1.1",
diff --git a/web/package.json b/web/package.json
index 0b2d5ee..0a14481 100644
--- a/web/package.json
+++ b/web/package.json
@@ -11,6 +11,7 @@
"lint": "eslint . --ext ts,tsx --max-warnings=0"
},
"dependencies": {
+ "@radix-ui/react-direction": "^1.1.1",
"@radix-ui/react-icons": "^1.3.2",
"@radix-ui/react-label": "^2.1.0",
"@radix-ui/react-slot": "^1.1.1",
diff --git a/web/src/components/AppraisalsTable.tsx b/web/src/components/AppraisalsTable.tsx
index db0b987..4e86f0d 100644
--- a/web/src/components/AppraisalsTable.tsx
+++ b/web/src/components/AppraisalsTable.tsx
@@ -24,7 +24,7 @@ export function AppraisalsTable({ decisions, totalInDb }: Props) {
נמצאו {decisions.length} מתוך {totalInDb.toLocaleString("he-IL")} החלטות במאגר
-
+
| תאריך הכרעה |
diff --git a/web/src/components/DealsTable.tsx b/web/src/components/DealsTable.tsx
index def7d86..b63fdf4 100644
--- a/web/src/components/DealsTable.tsx
+++ b/web/src/components/DealsTable.tsx
@@ -22,7 +22,7 @@ export function DealsTable({ deals }: Props) {
return (
-
+
| תאריך |
diff --git a/web/src/components/ui/tabs.tsx b/web/src/components/ui/tabs.tsx
index 8d6dbfc..dd500f5 100644
--- a/web/src/components/ui/tabs.tsx
+++ b/web/src/components/ui/tabs.tsx
@@ -2,7 +2,16 @@ import * as React from "react";
import * as TabsPrimitive from "@radix-ui/react-tabs";
import { cn } from "../../lib/utils";
-const Tabs = TabsPrimitive.Root;
+// Default to dir="rtl" so TabsList flexbox flows right-to-left and the
+// Roving-focus arrow keys are RTL-correct, even if a future caller
+// forgets to pass a dir prop or to wrap the tree in DirectionProvider.
+const Tabs = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ dir = "rtl", ...props }, ref) => (
+
+));
+Tabs.displayName = TabsPrimitive.Root.displayName;
const TabsList = React.forwardRef<
React.ElementRef,
diff --git a/web/src/index.css b/web/src/index.css
index 4bdc21d..f606d5f 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -31,6 +31,7 @@
body {
@apply bg-background text-foreground antialiased;
font-family: "Heebo", system-ui, -apple-system, sans-serif;
+ direction: rtl;
}
/* Tailwind's default scrollbar gutters cause RTL drift; force stable. */
html {
diff --git a/web/src/main.tsx b/web/src/main.tsx
index c851b84..273d2c9 100644
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -1,5 +1,6 @@
import React from "react";
import ReactDOM from "react-dom/client";
+import { DirectionProvider } from "@radix-ui/react-direction";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import App from "./App";
import "./index.css";
@@ -16,8 +17,10 @@ const queryClient = new QueryClient({
ReactDOM.createRoot(document.getElementById("root")!).render(
-
-
-
+
+
+
+
+
);