- Updated the `ToolsView` component to enhance layout and responsiveness. - Modified the border radius and added padding to improve visual consistency. - Implemented overflow handling for better content management in the editor, connections, and policies tabs.
Unified · Split
| @@ -373,7 +373,7 @@ export function ToolsView() { · 372 unmodified lines | |||
| 373 | if (sessionLoading) { | 373 | if (sessionLoading) { |
| 374 | return ( | 374 | return ( |
| 375 | <div className="flex h-full min-h-0 flex-col"> | 375 | <div className="flex h-full min-h-0 flex-col"> |
| 376 | <div className="flex flex-1 min-h-0 rounded-lg border border-border/50 p-4"> | 376 | <div className="flex flex-1 min-h-0 rounded-none border border-border/50 p-4"> |
| 377 | <div className="flex h-full w-full"> | 377 | <div className="flex h-full w-full"> |
| 378 | {/* Sidebar skeleton */} | 378 | {/* Sidebar skeleton */} |
| 379 | <div className="w-52 shrink-0 border-r border-border/30 pr-3 space-y-2 hidden lg:block"> | 379 | <div className="w-52 shrink-0 border-r border-border/30 pr-3 space-y-2 hidden lg:block"> |
| @@ -402,7 +402,7 @@ export function ToolsView() { · 22 unmodified lines | |||
| 402 | return ( | 402 | return ( |
| 403 | <div className="flex h-full min-h-0 flex-col"> | 403 | <div className="flex h-full min-h-0 flex-col"> |
| 404 | {activeTab === "editor" ? ( | 404 | {activeTab === "editor" ? ( |
| 405 | <div className="flex-1 min-h-0"> | 405 | <div className="flex-1 min-h-0 overflow-y-auto p-4 md:p-6 lg:p-8"> |
| 406 | <TaskComposer /> | 406 | <TaskComposer /> |
| 407 | </div> | 407 | </div> |
| 408 | ) : null} | 408 | ) : null} |
| @@ -452,7 +452,7 @@ export function ToolsView() { · 43 unmodified lines | |||
| 452 | ) : null} | 452 | ) : null} |
| 453 | 453 | ||
| 454 | {activeTab === "connections" ? ( | 454 | {activeTab === "connections" ? ( |
| 455 | <div className="flex-1 min-h-0"> | 455 | <div className="flex-1 min-h-0 overflow-y-auto p-4 md:p-6 lg:p-8"> |
| 456 | <CredentialsPanel | 456 | <CredentialsPanel |
| 457 | sources={sourceItems} | 457 | sources={sourceItems} |
| 458 | credentials={credentialItems} | 458 | credentials={credentialItems} |
| @@ -464,7 +464,7 @@ export function ToolsView() { · 5 unmodified lines | |||
| 464 | ) : null} | 464 | ) : null} |
| 465 | 465 | ||
| 466 | {activeTab === "policies" ? ( | 466 | {activeTab === "policies" ? ( |
| 467 | <div className="flex-1 min-h-0"> | 467 | <div className="flex-1 min-h-0 overflow-y-auto p-4 md:p-6 lg:p-8"> |
| 468 | <PoliciesPanel | 468 | <PoliciesPanel |
| 469 | tools={visibleTools} | 469 | tools={visibleTools} |
| 470 | loadingTools={loadingTools} | 470 | loadingTools={loadingTools} |