미리보기 기능 수정

frontend/lib/registry/components/table-search-widget/TableSearchWidget.tsx

@@ -12,6 +12,7 @@ import { GroupingPanel } from "@/components/screen/table-options/GroupingPanel";
 import { TableFilter } from "@/types/table-options";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { ModernDatePicker } from "@/components/screen/filters/ModernDatePicker";
+import { useScreenPreview } from "@/contexts/ScreenPreviewContext";
 
 interface PresetFilter {
   id: string;
@@ -44,6 +45,7 @@ interface TableSearchWidgetProps {
 
 export function TableSearchWidget({ component, screenId, onHeightChange }: TableSearchWidgetProps) {
   const { registeredTables, selectedTableId, setSelectedTableId, getTable } = useTableOptions();
+  const { isPreviewMode } = useScreenPreview(); // 미리보기 모드 확인
 
   // 높이 관리 context (실제 화면에서만 사용)
   let setWidgetHeight:
@@ -445,14 +447,14 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
           </div>
         )}
 
-        {/* 동적 모드일 때만 설정 버튼들 표시 */}
+        {/* 동적 모드일 때만 설정 버튼들 표시 (미리보기에서는 비활성화) */}
         {filterMode === "dynamic" && (
           <>
             <Button
               variant="outline"
               size="sm"
-              onClick={() => setColumnVisibilityOpen(true)}
-              disabled={!selectedTableId}
+              onClick={() => !isPreviewMode && setColumnVisibilityOpen(true)}
+              disabled={!selectedTableId || isPreviewMode}
               className="h-8 text-xs sm:h-9 sm:text-sm"
             >
               <Settings className="mr-1 h-3 w-3 sm:h-4 sm:w-4" />
@@ -462,8 +464,8 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
             <Button
               variant="outline"
               size="sm"
-              onClick={() => setFilterOpen(true)}
-              disabled={!selectedTableId}
+              onClick={() => !isPreviewMode && setFilterOpen(true)}
+              disabled={!selectedTableId || isPreviewMode}
               className="h-8 text-xs sm:h-9 sm:text-sm"
             >
               <Filter className="mr-1 h-3 w-3 sm:h-4 sm:w-4" />
@@ -473,8 +475,8 @@ export function TableSearchWidget({ component, screenId, onHeightChange }: Table
             <Button
               variant="outline"
               size="sm"
-              onClick={() => setGroupingOpen(true)}
-              disabled={!selectedTableId}
+              onClick={() => !isPreviewMode && setGroupingOpen(true)}
+              disabled={!selectedTableId || isPreviewMode}
               className="h-8 text-xs sm:h-9 sm:text-sm"
             >
               <Layers className="mr-1 h-3 w-3 sm:h-4 sm:w-4" />