Chaim
8289b4d643
Extracts Paperclip companies + tag-mappings UI into PaperclipTab component, adds stub tabs for Environment / Tools / Registrations, and replaces the flat page.tsx with a shadcn Tabs layout to make room for Tasks 8-10. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
61 lines
2.3 KiB
TypeScript
61 lines
2.3 KiB
TypeScript
"use client";
|
||
|
||
import Link from "next/link";
|
||
import { Server, Wrench, Plug, Building2 } from "lucide-react";
|
||
import { AppShell } from "@/components/app-shell";
|
||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||
import { PaperclipTab } from "./_components/paperclip-tab";
|
||
import { EnvironmentTab } from "./_components/environment-tab";
|
||
import { ToolsTab } from "./_components/tools-tab";
|
||
import { RegistrationsTab } from "./_components/registrations-tab";
|
||
|
||
export default function SettingsPage() {
|
||
return (
|
||
<AppShell>
|
||
<section className="space-y-6">
|
||
<header>
|
||
<nav className="text-[0.78rem] text-ink-muted mb-1">
|
||
<Link href="/" className="hover:text-gold-deep">
|
||
בית
|
||
</Link>
|
||
<span aria-hidden> · </span>
|
||
<span className="text-navy">הגדרות</span>
|
||
</nav>
|
||
<h1 className="text-navy mb-0">הגדרות</h1>
|
||
<p className="text-ink-muted text-sm mt-1 max-w-2xl">
|
||
תצורת המערכת, MCP server, ו-Paperclip integration.
|
||
</p>
|
||
</header>
|
||
|
||
<div className="h-[2px] bg-gradient-to-l from-transparent via-gold to-transparent" />
|
||
|
||
<Tabs defaultValue="paperclip" className="space-y-4">
|
||
<TabsList>
|
||
<TabsTrigger value="paperclip">
|
||
<Building2 className="w-4 h-4" data-icon="inline-start" />
|
||
Paperclip
|
||
</TabsTrigger>
|
||
<TabsTrigger value="environment">
|
||
<Server className="w-4 h-4" data-icon="inline-start" />
|
||
Environment
|
||
</TabsTrigger>
|
||
<TabsTrigger value="tools">
|
||
<Wrench className="w-4 h-4" data-icon="inline-start" />
|
||
Tools
|
||
</TabsTrigger>
|
||
<TabsTrigger value="registrations">
|
||
<Plug className="w-4 h-4" data-icon="inline-start" />
|
||
Registrations
|
||
</TabsTrigger>
|
||
</TabsList>
|
||
|
||
<TabsContent value="paperclip"><PaperclipTab /></TabsContent>
|
||
<TabsContent value="environment"><EnvironmentTab /></TabsContent>
|
||
<TabsContent value="tools"><ToolsTab /></TabsContent>
|
||
<TabsContent value="registrations"><RegistrationsTab /></TabsContent>
|
||
</Tabs>
|
||
</section>
|
||
</AppShell>
|
||
);
|
||
}
|