chore(repo): initialize planarchy workspace

2026-03-14 14:31:09 +01:00
commit dd55d0e78b
769 changed files with 166461 additions and 0 deletions
@@ -0,0 +1,39 @@
+"use client";
+
+interface WidgetContainerProps {
+  title: string;
+  onRemove: () => void;
+  children: React.ReactNode;
+  isDragging?: boolean;
+}
+
+export function WidgetContainer({ title, onRemove, children, isDragging }: WidgetContainerProps) {
+  return (
+    <div
+      className={`flex flex-col h-full bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden ${
+        isDragging ? "shadow-lg border-brand-300" : ""
+      }`}
+    >
+      {/* Header */}
+      <div className="flex items-center justify-between px-4 py-2.5 border-b border-gray-100 bg-gray-50/50 shrink-0 cursor-grab active:cursor-grabbing widget-drag-handle">
+        <span className="text-sm font-semibold text-gray-700 truncate">{title}</span>
+        <button
+          type="button"
+          onClick={(e) => {
+            e.stopPropagation();
+            onRemove();
+          }}
+          className="ml-2 p-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded transition-colors shrink-0"
+          title="Remove widget"
+        >
+          <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+          </svg>
+        </button>
+      </div>
+
+      {/* Body */}
+      <div className="flex-1 overflow-auto p-4">{children}</div>
+    </div>
+  );
+}