[agent-pipeline] pipe-20260309055714-23ry round-1

This commit is contained in:
DDD1542
2026-03-09 15:51:42 +09:00
parent 4f10b5e42d
commit 197ddf47cf
31 changed files with 228 additions and 260 deletions

View File

@@ -24,9 +24,9 @@ export const SelectedTablesPanel: React.FC<SelectedTablesPanelProps> = ({
canCreateConnection,
}) => {
return (
<div className="pointer-events-auto absolute top-4 left-4 z-40 w-80 rounded-xl border border-primary/20 bg-white shadow-lg">
<div className="pointer-events-auto absolute top-4 left-4 z-40 w-80 rounded-lg border border-border bg-background shadow-md">
{/* 헤더 */}
<div className="flex items-center justify-between rounded-t-xl border-b border-primary/10 bg-gradient-to-r from-primary/5 to-indigo-50 p-3">
<div className="flex items-center justify-between rounded-t-lg border-b border-border bg-muted p-3">
<div className="flex items-center gap-2">
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-primary/20">
<span className="text-sm text-primary">📋</span>
@@ -104,24 +104,22 @@ export const SelectedTablesPanel: React.FC<SelectedTablesPanelProps> = ({
</div>
{/* 액션 버튼 */}
<div className="flex gap-2 border-t border-primary/10 p-3">
<div className="flex gap-2 border-t border-border p-3">
<button
onClick={onOpenConnectionModal}
disabled={!canCreateConnection}
className={`flex flex-1 items-center justify-center gap-1 rounded-lg px-3 py-2 text-xs font-medium transition-colors ${
className={`flex flex-1 items-center justify-center gap-1 rounded-md px-3 py-2 text-xs font-medium transition-colors ${
canCreateConnection
? "bg-accent0 text-white hover:bg-primary"
: "cursor-not-allowed bg-muted/60 text-muted-foreground"
? "bg-primary text-primary-foreground hover:bg-primary/90"
: "cursor-not-allowed bg-muted text-muted-foreground"
}`}
>
<span>🔗</span>
<span> </span>
</button>
<button
onClick={onClear}
className="flex flex-1 items-center justify-center gap-1 rounded-lg bg-muted/80 px-3 py-2 text-xs font-medium text-muted-foreground hover:bg-muted/60"
className="flex flex-1 items-center justify-center gap-1 rounded-md border border-border bg-background px-3 py-2 text-xs font-medium text-muted-foreground hover:bg-muted"
>
<span>🗑</span>
<span></span>
</button>
</div>