From 3fd923400f5a6f6fa3674ad99af6ada1165c263f Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Sun, 17 May 2026 20:56:02 +0900
Subject: [PATCH] feat(agent-office): PlaceholderCard for unstaffed slots

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../agent-office/components/PlaceholderCard.jsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/pages/agent-office/components/PlaceholderCard.jsx

diff --git a/src/pages/agent-office/components/PlaceholderCard.jsx b/src/pages/agent-office/components/PlaceholderCard.jsx
new file mode 100644
index 0000000..7afd731
--- /dev/null
+++ b/src/pages/agent-office/components/PlaceholderCard.jsx
@@ -0,0 +1,17 @@
+// src/pages/agent-office/components/PlaceholderCard.jsx
+import { PLACEHOLDER_IMAGE, PLACEHOLDER_LABEL } from '../constants.js';
+
+export default function PlaceholderCard({ active = false, onClick }) {
+  return (
+    <button
+      type="button"
+      className={`ao-card placeholder${active ? ' active' : ''}`}
+      onClick={onClick}
+    >
+      <div className="ao-card-image">
+        <img src={PLACEHOLDER_IMAGE} alt={PLACEHOLDER_LABEL} />
+      </div>
+      <div className="ao-card-name">{PLACEHOLDER_LABEL}</div>
+    </button>
+  );
+}