Initial commit: Tasteby - YouTube restaurant map service

Backend (FastAPI + Oracle ADB), Frontend (Next.js), daemon worker.
Features: channel/video/restaurant management, semantic search,
Google OAuth, user reviews.

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

frontend/src/components/SearchBar.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { useState } from "react";
+
+interface SearchBarProps {
+  onSearch: (query: string, mode: "keyword" | "semantic" | "hybrid") => void;
+  isLoading?: boolean;
+}
+
+export default function SearchBar({ onSearch, isLoading }: SearchBarProps) {
+  const [query, setQuery] = useState("");
+  const [mode, setMode] = useState<"keyword" | "semantic" | "hybrid">("hybrid");
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (query.trim()) {
+      onSearch(query.trim(), mode);
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="flex gap-2 items-center">
+      <input
+        type="text"
+        value={query}
+        onChange={(e) => setQuery(e.target.value)}
+        placeholder="식당, 지역, 음식 종류..."
+        className="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm"
+      />
+      <select
+        value={mode}
+        onChange={(e) => setMode(e.target.value as typeof mode)}
+        className="px-3 py-2 border border-gray-300 rounded-lg text-sm bg-white"
+      >
+        <option value="hybrid">통합</option>
+        <option value="keyword">키워드</option>
+        <option value="semantic">의미</option>
+      </select>
+      <button
+        type="submit"
+        disabled={isLoading || !query.trim()}
+        className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 text-sm"
+      >
+        {isLoading ? "..." : "검색"}
+      </button>
+    </form>
+  );
+}