feat: React 프론트엔드 기능 대폭 확장

- 월별근무표: 휴일/근무일 관리, 자동 초기화
- 메일양식: 템플릿 CRUD, To/CC/BCC 설정
- 그룹정보: 부서 관리, 비트 연산 기반 권한 설정
- 업무일지: 수정 성공 메시지 제거, 오늘 근무시간 필터링 수정
- 웹소켓 메시지 type 충돌 버그 수정

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Project/frontend/src/components/items/ItemEditDialog.tsx

@@ -0,0 +1,244 @@
+import { useState, useEffect } from 'react';
+import { X, Save, Trash2 } from 'lucide-react';
+import { ItemInfo } from '@/types';
+
+interface ItemEditDialogProps {
+  item: ItemInfo | null;
+  isOpen: boolean;
+  onClose: () => void;
+  onSave: (item: ItemInfo) => Promise<void>;
+  onDelete: (idx: number) => Promise<void>;
+}
+
+export function ItemEditDialog({ item, isOpen, onClose, onSave, onDelete }: ItemEditDialogProps) {
+  const [editData, setEditData] = useState<ItemInfo | null>(null);
+  const [saving, setSaving] = useState(false);
+
+  useEffect(() => {
+    if (item) {
+      setEditData({ ...item });
+    }
+  }, [item]);
+
+  if (!isOpen || !editData) return null;
+
+  const isNew = editData.idx === 0;
+
+  const handleSave = async () => {
+    if (!editData) return;
+    setSaving(true);
+    try {
+      await onSave(editData);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleDelete = async () => {
+    if (!editData || isNew) return;
+    if (!confirm('삭제하시겠습니까?')) return;
+    setSaving(true);
+    try {
+      await onDelete(editData.idx);
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center">
+      {/* 배경 오버레이 */}
+      <div className="absolute inset-0 bg-black/50 backdrop-blur-sm" onClick={onClose} />
+
+      {/* 다이얼로그 */}
+      <div className="relative bg-slate-800 rounded-xl shadow-2xl w-full max-w-lg mx-4 border border-white/10">
+        {/* 헤더 */}
+        <div className="flex items-center justify-between p-4 border-b border-white/10">
+          <h2 className="text-lg font-semibold text-white">
+            {isNew ? '품목 추가' : '품목 편집'}
+          </h2>
+          <button
+            onClick={onClose}
+            className="p-1 hover:bg-white/10 rounded text-white/70 hover:text-white transition-colors"
+          >
+            <X className="w-5 h-5" />
+          </button>
+        </div>
+
+        {/* 내용 */}
+        <div className="p-4 space-y-4 max-h-[60vh] overflow-auto">
+          <div className="grid grid-cols-2 gap-4">
+            {/* SID */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">SID</label>
+              <input
+                type="text"
+                value={editData.sid}
+                onChange={(e) => setEditData({ ...editData, sid: e.target.value })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+              />
+            </div>
+
+            {/* 분류 */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">분류</label>
+              <input
+                type="text"
+                value={editData.cate}
+                onChange={(e) => setEditData({ ...editData, cate: e.target.value })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+              />
+            </div>
+          </div>
+
+          {/* 품명 */}
+          <div>
+            <label className="block text-sm font-medium text-white/70 mb-1">품명</label>
+            <input
+              type="text"
+              value={editData.name}
+              onChange={(e) => setEditData({ ...editData, name: e.target.value })}
+              className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+            />
+          </div>
+
+          {/* 모델 */}
+          <div>
+            <label className="block text-sm font-medium text-white/70 mb-1">모델</label>
+            <input
+              type="text"
+              value={editData.model}
+              onChange={(e) => setEditData({ ...editData, model: e.target.value })}
+              className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+            />
+          </div>
+
+          <div className="grid grid-cols-3 gap-4">
+            {/* 규격 */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">규격</label>
+              <input
+                type="text"
+                value={editData.scale}
+                onChange={(e) => setEditData({ ...editData, scale: e.target.value })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+              />
+            </div>
+
+            {/* 단위 */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">단위</label>
+              <input
+                type="text"
+                value={editData.unit}
+                onChange={(e) => setEditData({ ...editData, unit: e.target.value })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+              />
+            </div>
+
+            {/* 단가 */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">단가</label>
+              <input
+                type="number"
+                value={editData.price}
+                onChange={(e) => setEditData({ ...editData, price: parseFloat(e.target.value) || 0 })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white text-right"
+              />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-2 gap-4">
+            {/* 공급처 */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">공급처</label>
+              <input
+                type="text"
+                value={editData.supply}
+                onChange={(e) => setEditData({ ...editData, supply: e.target.value })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+              />
+            </div>
+
+            {/* 제조사 */}
+            <div>
+              <label className="block text-sm font-medium text-white/70 mb-1">제조사</label>
+              <input
+                type="text"
+                value={editData.manu}
+                onChange={(e) => setEditData({ ...editData, manu: e.target.value })}
+                className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+              />
+            </div>
+          </div>
+
+          {/* 보관장소 */}
+          <div>
+            <label className="block text-sm font-medium text-white/70 mb-1">보관장소</label>
+            <input
+              type="text"
+              value={editData.storage}
+              onChange={(e) => setEditData({ ...editData, storage: e.target.value })}
+              className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white"
+            />
+          </div>
+
+          {/* 메모 */}
+          <div>
+            <label className="block text-sm font-medium text-white/70 mb-1">메모</label>
+            <textarea
+              value={editData.memo}
+              onChange={(e) => setEditData({ ...editData, memo: e.target.value })}
+              rows={2}
+              className="w-full px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white resize-none"
+            />
+          </div>
+
+          {/* 비활성화 */}
+          <div className="flex items-center gap-2">
+            <input
+              type="checkbox"
+              id="disable"
+              checked={editData.disable}
+              onChange={(e) => setEditData({ ...editData, disable: e.target.checked })}
+              className="w-4 h-4 rounded border-white/20 bg-white/10"
+            />
+            <label htmlFor="disable" className="text-sm text-white/70">비활성화</label>
+          </div>
+        </div>
+
+        {/* 푸터 */}
+        <div className="flex items-center justify-between p-4 border-t border-white/10">
+          <div>
+            {!isNew && (
+              <button
+                onClick={handleDelete}
+                disabled={saving}
+                className="flex items-center gap-1 px-3 py-2 bg-red-600/20 hover:bg-red-600/40 rounded-lg text-red-400 transition-colors disabled:opacity-50"
+              >
+                <Trash2 className="w-4 h-4" />
+                삭제
+              </button>
+            )}
+          </div>
+          <div className="flex items-center gap-2">
+            <button
+              onClick={onClose}
+              className="px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg text-white/70 hover:text-white transition-colors"
+            >
+              취소
+            </button>
+            <button
+              onClick={handleSave}
+              disabled={saving}
+              className="flex items-center gap-1 px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg text-white transition-colors disabled:opacity-50"
+            >
+              <Save className="w-4 h-4" />
+              저장
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

Project/frontend/src/components/items/index.ts

@@ -0,0 +1 @@
+export { ItemEditDialog } from './ItemEditDialog';