@mulmoclaude/spotify-plugin 0.1.0

package/dist/vue.js

@@ -0,0 +1,867 @@
+import { t as TOOL_DEFINITION } from "./definition-CfBmxEFr.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, vModelText, withDirectives, withModifiers } from "vue";
+import { useRuntime } from "gui-chat-protocol/vue";
+//#endregion
+//#region src/lang/index.ts
+var MESSAGES = {
+	en: {
+		title: "Spotify",
+		notConnected: "Not connected to Spotify",
+		notConfigured: "Client ID not configured",
+		configureHelp: "Paste your Spotify Developer Dashboard Client ID and click Save.",
+		configurePlaceholder: "Spotify Client ID",
+		save: "Save",
+		saving: "Saving…",
+		saved: "Saved.",
+		saveFailed: "Save failed.",
+		connect: "Connect Spotify",
+		connecting: "Opening Spotify consent…",
+		connected: "Connected.",
+		reconnect: "Reconnect",
+		disconnect: "Disconnect",
+		refresh: "Refresh",
+		setupGuideLink: "How do I get a Client ID?",
+		scopes: "Scopes",
+		expiresAt: "Expires",
+		tabLiked: "Liked",
+		tabPlaylists: "Playlists",
+		tabRecent: "Recent",
+		tabNowPlaying: "Now playing",
+		tabSearch: "Search",
+		searchPlaceholder: "Search tracks, artists, albums, playlists",
+		searchSubmit: "Search",
+		searchHint: "Type a query and press Search.",
+		searchEmpty: "No results.",
+		searchTracks: "Tracks",
+		searchArtists: "Artists",
+		searchAlbums: "Albums",
+		searchPlaylists: "Playlists",
+		empty: "Nothing to show.",
+		emptyLiked: "You haven't liked any songs yet.",
+		emptyPlaylists: "No playlists found.",
+		emptyRecent: "No recently played tracks.",
+		emptyNowPlaying: "Nothing is playing right now.",
+		loading: "Loading…",
+		loadFailed: "Failed to load.",
+		retry: "Retry",
+		trackBy: "by",
+		tracksCount: "tracks",
+		previewSummary: "Spotify",
+		playerControls: "Playback",
+		premiumRequired: "Spotify Premium is required to control playback. Free / open accounts cannot use these controls; the rest of the plugin still works.",
+		volume: "Volume",
+		devices: "Devices",
+		deviceActive: "active",
+		transferToDevice: "Transfer here",
+		btnPrevious: "Previous track",
+		btnPause: "Pause",
+		btnPlay: "Play",
+		btnNext: "Next track"
+	},
+	ja: {
+		title: "Spotify",
+		notConnected: "Spotify に未接続です",
+		notConfigured: "Client ID が未設定です",
+		configureHelp: "Spotify Developer Dashboard で発行した Client ID を貼り付けて Save を押してください。",
+		configurePlaceholder: "Spotify Client ID",
+		save: "保存",
+		saving: "保存中…",
+		saved: "保存しました。",
+		saveFailed: "保存に失敗しました。",
+		connect: "Spotify に接続",
+		connecting: "Spotify の同意画面を開きます…",
+		connected: "接続済み",
+		reconnect: "再接続",
+		disconnect: "切断",
+		refresh: "更新",
+		setupGuideLink: "Client ID の取得方法",
+		scopes: "Scope",
+		expiresAt: "有効期限",
+		tabLiked: "Liked",
+		tabPlaylists: "Playlists",
+		tabRecent: "Recent",
+		tabNowPlaying: "Now playing",
+		tabSearch: "検索",
+		searchPlaceholder: "曲・アーティスト・アルバム・プレイリストを検索",
+		searchSubmit: "検索",
+		searchHint: "クエリを入力して検索を押してください。",
+		searchEmpty: "ヒットなし。",
+		searchTracks: "曲",
+		searchArtists: "アーティスト",
+		searchAlbums: "アルバム",
+		searchPlaylists: "プレイリスト",
+		empty: "表示する項目がありません。",
+		emptyLiked: "Liked Songs がありません。",
+		emptyPlaylists: "Playlist が見つかりませんでした。",
+		emptyRecent: "最近聞いた曲はありません。",
+		emptyNowPlaying: "現在再生中の曲はありません。",
+		loading: "読み込み中…",
+		loadFailed: "読み込みに失敗しました。",
+		retry: "再試行",
+		trackBy: "—",
+		tracksCount: "曲",
+		previewSummary: "Spotify",
+		playerControls: "再生制御",
+		premiumRequired: "再生制御には Spotify Premium が必要です。Free / Open アカウントでは利用できません。それ以外の機能はそのまま使えます。",
+		volume: "音量",
+		devices: "デバイス",
+		deviceActive: "アクティブ",
+		transferToDevice: "ここに移す",
+		btnPrevious: "前の曲",
+		btnPause: "一時停止",
+		btnPlay: "再生",
+		btnNext: "次の曲"
+	}
+};
+function isSupportedLocale(value) {
+	return Object.prototype.hasOwnProperty.call(MESSAGES, value);
+}
+function useT() {
+	const { locale } = useRuntime();
+	return computed(() => isSupportedLocale(locale.value) ? MESSAGES[locale.value] : MESSAGES.en);
+}
+//#endregion
+//#region src/View.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "spotify-view" };
+var _hoisted_2$1 = { class: "spotify-header" };
+var _hoisted_3$1 = { class: "spotify-status" };
+var _hoisted_4 = { class: "spotify-connected-pill" };
+var _hoisted_5 = { class: "spotify-expiry" };
+var _hoisted_6 = ["disabled"];
+var _hoisted_7 = {
+	key: 0,
+	class: "spotify-configure"
+};
+var _hoisted_8 = { class: "spotify-configure-help" };
+var _hoisted_9 = ["placeholder"];
+var _hoisted_10 = ["disabled"];
+var _hoisted_11 = {
+	key: 0,
+	class: "spotify-error"
+};
+var _hoisted_12 = {
+	key: 1,
+	class: "spotify-connect-section"
+};
+var _hoisted_13 = ["disabled"];
+var _hoisted_14 = {
+	key: 2,
+	class: "spotify-connected"
+};
+var _hoisted_15 = { class: "spotify-tab-row" };
+var _hoisted_16 = {
+	class: "spotify-tabs",
+	role: "tablist"
+};
+var _hoisted_17 = ["aria-selected", "onClick"];
+var _hoisted_18 = { class: "spotify-content" };
+var _hoisted_19 = {
+	key: 0,
+	class: "spotify-loading"
+};
+var _hoisted_20 = {
+	key: 1,
+	class: "spotify-error"
+};
+var _hoisted_21 = {
+	key: 2,
+	class: "spotify-list"
+};
+var _hoisted_22 = ["onClick"];
+var _hoisted_23 = ["src"];
+var _hoisted_24 = { class: "spotify-track-meta" };
+var _hoisted_25 = { class: "spotify-track-name" };
+var _hoisted_26 = { class: "spotify-track-artists" };
+var _hoisted_27 = { class: "spotify-track-duration" };
+var _hoisted_28 = {
+	key: 3,
+	class: "spotify-empty"
+};
+var _hoisted_29 = {
+	key: 4,
+	class: "spotify-list"
+};
+var _hoisted_30 = ["onClick"];
+var _hoisted_31 = ["src"];
+var _hoisted_32 = { class: "spotify-track-meta" };
+var _hoisted_33 = { class: "spotify-track-name" };
+var _hoisted_34 = { class: "spotify-track-artists" };
+var _hoisted_35 = {
+	key: 5,
+	class: "spotify-empty"
+};
+var _hoisted_36 = {
+	key: 6,
+	class: "spotify-list"
+};
+var _hoisted_37 = ["onClick"];
+var _hoisted_38 = ["src"];
+var _hoisted_39 = { class: "spotify-track-meta" };
+var _hoisted_40 = { class: "spotify-track-name" };
+var _hoisted_41 = { class: "spotify-track-artists" };
+var _hoisted_42 = {
+	key: 7,
+	class: "spotify-empty"
+};
+var _hoisted_43 = {
+	key: 0,
+	class: "spotify-now-playing"
+};
+var _hoisted_44 = ["src"];
+var _hoisted_45 = { class: "spotify-track-meta" };
+var _hoisted_46 = { class: "spotify-track-name" };
+var _hoisted_47 = { class: "spotify-track-artists" };
+var _hoisted_48 = { class: "spotify-track-album" };
+var _hoisted_49 = {
+	key: 1,
+	class: "spotify-empty"
+};
+var _hoisted_50 = {
+	key: 2,
+	class: "spotify-player-locked"
+};
+var _hoisted_51 = {
+	key: 3,
+	class: "spotify-player"
+};
+var _hoisted_52 = { class: "spotify-player-buttons" };
+var _hoisted_53 = ["aria-label", "disabled"];
+var _hoisted_54 = ["aria-label", "disabled"];
+var _hoisted_55 = ["aria-label", "disabled"];
+var _hoisted_56 = ["aria-label", "disabled"];
+var _hoisted_57 = { class: "spotify-player-volume" };
+var _hoisted_58 = { for: "spotify-volume" };
+var _hoisted_59 = ["disabled"];
+var _hoisted_60 = {
+	key: 0,
+	class: "spotify-error"
+};
+var _hoisted_61 = {
+	key: 4,
+	class: "spotify-devices"
+};
+var _hoisted_62 = { class: "spotify-list" };
+var _hoisted_63 = { class: "spotify-device-name" };
+var _hoisted_64 = { class: "spotify-device-type" };
+var _hoisted_65 = {
+	key: 0,
+	class: "spotify-device-active"
+};
+var _hoisted_66 = [
+	"disabled",
+	"aria-disabled",
+	"onClick"
+];
+var _hoisted_67 = [
+	"placeholder",
+	"aria-label",
+	"disabled"
+];
+var _hoisted_68 = ["disabled"];
+var _hoisted_69 = {
+	key: 0,
+	class: "spotify-empty"
+};
+var _hoisted_70 = {
+	key: 1,
+	class: "spotify-search-results"
+};
+var _hoisted_71 = {
+	key: 0,
+	class: "spotify-search-section"
+};
+var _hoisted_72 = { class: "spotify-list" };
+var _hoisted_73 = ["onClick"];
+var _hoisted_74 = ["src"];
+var _hoisted_75 = { class: "spotify-track-meta" };
+var _hoisted_76 = { class: "spotify-track-name" };
+var _hoisted_77 = { class: "spotify-track-artists" };
+var _hoisted_78 = {
+	key: 1,
+	class: "spotify-search-section"
+};
+var _hoisted_79 = { class: "spotify-list" };
+var _hoisted_80 = ["onClick"];
+var _hoisted_81 = ["src"];
+var _hoisted_82 = { class: "spotify-track-meta" };
+var _hoisted_83 = { class: "spotify-track-name" };
+var _hoisted_84 = {
+	key: 0,
+	class: "spotify-track-artists"
+};
+var _hoisted_85 = {
+	key: 2,
+	class: "spotify-search-section"
+};
+var _hoisted_86 = { class: "spotify-list" };
+var _hoisted_87 = ["onClick"];
+var _hoisted_88 = ["src"];
+var _hoisted_89 = { class: "spotify-track-meta" };
+var _hoisted_90 = { class: "spotify-track-name" };
+var _hoisted_91 = { class: "spotify-track-artists" };
+var _hoisted_92 = {
+	key: 3,
+	class: "spotify-search-section"
+};
+var _hoisted_93 = { class: "spotify-list" };
+var _hoisted_94 = ["onClick"];
+var _hoisted_95 = ["src"];
+var _hoisted_96 = { class: "spotify-track-meta" };
+var _hoisted_97 = { class: "spotify-track-name" };
+var _hoisted_98 = { class: "spotify-track-artists" };
+var _hoisted_99 = {
+	key: 2,
+	class: "spotify-empty"
+};
+var View_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "View",
+	setup(__props) {
+		const { dispatch, openUrl, pubsub, log } = useRuntime();
+		const t = useT();
+		const status = ref(null);
+		const activeTab = ref("liked");
+		const liked = ref(null);
+		const playlists = ref(null);
+		const recent = ref(null);
+		const nowPlaying = ref(void 0);
+		const searchQuery = ref("");
+		const searchResult = ref(null);
+		const isSearching = ref(false);
+		const tabError = ref(null);
+		const isLoadingTab = ref(false);
+		const clientIdInput = ref("");
+		const isSavingClientId = ref(false);
+		const saveError = ref(null);
+		const isConnecting = ref(false);
+		const devices = ref([]);
+		const playerError = ref(null);
+		const isPlayerBusy = ref(false);
+		const volumeInput = ref(50);
+		async function refreshStatus() {
+			try {
+				const response = await dispatch({ kind: "status" });
+				if (response.ok) status.value = response.data;
+			} catch (err) {
+				log.warn("status fetch failed", { error: err instanceof Error ? err.message : String(err) });
+			}
+		}
+		async function saveClientId() {
+			if (clientIdInput.value.trim().length === 0) return;
+			isSavingClientId.value = true;
+			saveError.value = null;
+			try {
+				await dispatch({
+					kind: "configure",
+					clientId: clientIdInput.value.trim()
+				});
+				clientIdInput.value = "";
+				await refreshStatus();
+			} catch (err) {
+				saveError.value = err instanceof Error ? err.message : String(err);
+			} finally {
+				isSavingClientId.value = false;
+			}
+		}
+		function computeRedirectUri() {
+			return `${window.location.origin.replace("//localhost:", "//127.0.0.1:").replace("//localhost/", "//127.0.0.1/")}/api/plugins/runtime/oauth-callback/spotify`;
+		}
+		async function startConnect() {
+			isConnecting.value = true;
+			try {
+				const response = await dispatch({
+					kind: "connect",
+					redirectUri: computeRedirectUri()
+				});
+				if (response.ok && response.data?.authorizeUrl) window.open(response.data.authorizeUrl, "_blank", "noopener,noreferrer");
+				else log.warn("connect failed", { response });
+			} catch (err) {
+				log.warn("connect dispatch threw", { error: err instanceof Error ? err.message : String(err) });
+			} finally {
+				isConnecting.value = false;
+			}
+		}
+		async function loadLiked() {
+			const response = await dispatch({ kind: "liked" });
+			if (response.ok && response.data) liked.value = response.data;
+			else tabError.value = response.message ?? t.value.loadFailed;
+		}
+		async function loadPlaylists() {
+			const response = await dispatch({ kind: "playlists" });
+			if (response.ok && response.data) playlists.value = response.data;
+			else tabError.value = response.message ?? t.value.loadFailed;
+		}
+		async function loadRecent() {
+			const response = await dispatch({ kind: "recent" });
+			if (response.ok && response.data) recent.value = response.data;
+			else tabError.value = response.message ?? t.value.loadFailed;
+		}
+		async function loadNowPlaying() {
+			const response = await dispatch({ kind: "nowPlaying" });
+			if (response.ok) nowPlaying.value = response.data ?? null;
+			else tabError.value = response.message ?? t.value.loadFailed;
+			loadDevices();
+		}
+		async function loadSearch() {
+			if (searchQuery.value.trim().length > 0) await runSearch();
+		}
+		async function runSearch() {
+			const query = searchQuery.value.trim();
+			if (query.length === 0) return;
+			isSearching.value = true;
+			tabError.value = null;
+			try {
+				const response = await dispatch({
+					kind: "search",
+					query
+				});
+				if (response.ok && response.data) searchResult.value = response.data;
+				else tabError.value = response.message ?? t.value.loadFailed;
+			} catch (err) {
+				tabError.value = err instanceof Error ? err.message : String(err);
+			} finally {
+				isSearching.value = false;
+			}
+		}
+		const TAB_LOADERS = {
+			liked: loadLiked,
+			playlists: loadPlaylists,
+			recent: loadRecent,
+			nowPlaying: loadNowPlaying,
+			search: loadSearch
+		};
+		function tabIsCached(tab) {
+			if (tab === "liked") return liked.value !== null;
+			if (tab === "playlists") return playlists.value !== null;
+			if (tab === "recent") return recent.value !== null;
+			if (tab === "nowPlaying") return nowPlaying.value !== void 0;
+			return true;
+		}
+		async function loadActiveTab(force = false) {
+			if (!status.value?.connected) return;
+			tabError.value = null;
+			if (!force && tabIsCached(activeTab.value)) return;
+			isLoadingTab.value = true;
+			try {
+				await TAB_LOADERS[activeTab.value]();
+			} catch (err) {
+				tabError.value = err instanceof Error ? err.message : String(err);
+			} finally {
+				isLoadingTab.value = false;
+			}
+		}
+		function selectTab(next) {
+			activeTab.value = next;
+			loadActiveTab();
+		}
+		function refreshActiveTab() {
+			loadActiveTab(true);
+		}
+		async function loadDevices() {
+			try {
+				const response = await dispatch({ kind: "getDevices" });
+				if (response.ok && response.data) devices.value = response.data;
+			} catch (err) {
+				log.warn("getDevices failed", { error: err instanceof Error ? err.message : String(err) });
+			}
+		}
+		async function dispatchPlayer(args, busyMessage) {
+			isPlayerBusy.value = true;
+			playerError.value = null;
+			try {
+				const response = await dispatch(args);
+				if (!response.ok) playerError.value = response.message ?? busyMessage;
+				else await loadNowPlaying();
+			} catch (err) {
+				playerError.value = err instanceof Error ? err.message : String(err);
+			} finally {
+				isPlayerBusy.value = false;
+			}
+		}
+		function playerPlay() {
+			dispatchPlayer({ kind: "play" }, t.value.loadFailed);
+		}
+		function playerPause() {
+			dispatchPlayer({ kind: "pause" }, t.value.loadFailed);
+		}
+		function playerNext() {
+			dispatchPlayer({ kind: "next" }, t.value.loadFailed);
+		}
+		function playerPrevious() {
+			dispatchPlayer({ kind: "previous" }, t.value.loadFailed);
+		}
+		function playerVolume() {
+			dispatchPlayer({
+				kind: "setVolume",
+				volumePercent: volumeInput.value
+			}, t.value.loadFailed);
+		}
+		function playerTransfer(deviceId) {
+			dispatchPlayer({
+				kind: "transferPlayback",
+				deviceId,
+				play: false
+			}, t.value.loadFailed).then(() => loadDevices());
+		}
+		function safeOpenUrl(url) {
+			if (typeof url === "string" && url.length > 0) openUrl(url);
+		}
+		function formatDuration(ms) {
+			const totalSeconds = Math.floor(ms / 1e3);
+			return `${Math.floor(totalSeconds / 60)}:${(totalSeconds % 60).toString().padStart(2, "0")}`;
+		}
+		const searchResultIsEmpty = computed(() => {
+			const result = searchResult.value;
+			if (!result) return false;
+			return !(result.tracks?.length || result.artists?.length || result.albums?.length || result.playlists?.length);
+		});
+		const expiryDisplay = computed(() => {
+			if (!status.value?.expiresAt) return "";
+			try {
+				return new Date(status.value.expiresAt).toLocaleString();
+			} catch {
+				return status.value.expiresAt;
+			}
+		});
+		const unsubs = [];
+		onMounted(() => {
+			unsubs.push(pubsub.subscribe("connected", () => {
+				refreshStatus().then(() => loadActiveTab(true));
+			}));
+			refreshStatus().then(() => loadActiveTab());
+		});
+		onUnmounted(() => {
+			for (const unsub of unsubs) unsub();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("header", _hoisted_2$1, [createElementVNode("h2", null, toDisplayString(unref(t).title), 1), createElementVNode("div", _hoisted_3$1, [status.value === null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(t).loading), 1)], 64)) : !status.value.clientIdConfigured ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(t).notConfigured), 1)], 64)) : !status.value.connected ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(t).notConnected), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+				createElementVNode("span", _hoisted_4, toDisplayString(unref(t).connected), 1),
+				createElementVNode("span", _hoisted_5, toDisplayString(unref(t).expiresAt) + ": " + toDisplayString(expiryDisplay.value), 1),
+				createElementVNode("button", {
+					type: "button",
+					class: "spotify-reconnect",
+					disabled: isConnecting.value,
+					onClick: startConnect
+				}, toDisplayString(isConnecting.value ? unref(t).connecting : unref(t).reconnect), 9, _hoisted_6)
+			], 64))])]), status.value && !status.value.clientIdConfigured ? (openBlock(), createElementBlock("section", _hoisted_7, [
+				createElementVNode("p", _hoisted_8, toDisplayString(unref(t).configureHelp), 1),
+				createElementVNode("form", {
+					class: "spotify-configure-form",
+					onSubmit: withModifiers(saveClientId, ["prevent"])
+				}, [withDirectives(createElementVNode("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => clientIdInput.value = $event),
+					placeholder: unref(t).configurePlaceholder,
+					class: "spotify-input",
+					type: "text",
+					autocomplete: "off"
+				}, null, 8, _hoisted_9), [[vModelText, clientIdInput.value]]), createElementVNode("button", {
+					type: "submit",
+					disabled: isSavingClientId.value || clientIdInput.value.trim().length === 0,
+					class: "spotify-btn-primary"
+				}, toDisplayString(isSavingClientId.value ? unref(t).saving : unref(t).save), 9, _hoisted_10)], 32),
+				saveError.value ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(saveError.value), 1)) : createCommentVNode("", true)
+			])) : status.value && status.value.clientIdConfigured && !status.value.connected ? (openBlock(), createElementBlock("section", _hoisted_12, [createElementVNode("button", {
+				type: "button",
+				disabled: isConnecting.value,
+				class: "spotify-btn-primary",
+				onClick: startConnect
+			}, toDisplayString(isConnecting.value ? unref(t).connecting : unref(t).connect), 9, _hoisted_13)])) : status.value?.connected ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("div", _hoisted_15, [createElementVNode("nav", _hoisted_16, [(openBlock(), createElementBlock(Fragment, null, renderList([
+				"liked",
+				"playlists",
+				"recent",
+				"nowPlaying",
+				"search"
+			], (tab) => {
+				return createElementVNode("button", {
+					key: tab,
+					type: "button",
+					role: "tab",
+					"aria-selected": activeTab.value === tab,
+					class: normalizeClass(["spotify-tab", { "spotify-tab-active": activeTab.value === tab }]),
+					onClick: ($event) => selectTab(tab)
+				}, toDisplayString(tab === "liked" ? unref(t).tabLiked : tab === "playlists" ? unref(t).tabPlaylists : tab === "recent" ? unref(t).tabRecent : tab === "nowPlaying" ? unref(t).tabNowPlaying : unref(t).tabSearch), 11, _hoisted_17);
+			}), 64))]), activeTab.value !== "search" ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "spotify-refresh",
+				onClick: refreshActiveTab
+			}, toDisplayString(unref(t).refresh), 1)) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_18, [isLoadingTab.value ? (openBlock(), createElementBlock("p", _hoisted_19, toDisplayString(unref(t).loading), 1)) : tabError.value ? (openBlock(), createElementBlock("p", _hoisted_20, [createTextVNode(toDisplayString(tabError.value) + " ", 1), createElementVNode("button", {
+				class: "spotify-retry",
+				onClick: refreshActiveTab
+			}, toDisplayString(unref(t).retry), 1)])) : activeTab.value === "liked" && liked.value && liked.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_21, [(openBlock(true), createElementBlock(Fragment, null, renderList(liked.value, (track) => {
+				return openBlock(), createElementBlock("li", {
+					key: track.id,
+					class: "spotify-track-row"
+				}, [createElementVNode("button", {
+					type: "button",
+					class: "spotify-track-link",
+					onClick: ($event) => safeOpenUrl(track.url)
+				}, [
+					track.imageUrl ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						src: track.imageUrl,
+						alt: "",
+						class: "spotify-cover"
+					}, null, 8, _hoisted_23)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_24, [createElementVNode("span", _hoisted_25, toDisplayString(track.name), 1), createElementVNode("span", _hoisted_26, toDisplayString(unref(t).trackBy) + " " + toDisplayString(track.artists.join(", ")), 1)]),
+					createElementVNode("span", _hoisted_27, toDisplayString(formatDuration(track.durationMs)), 1)
+				], 8, _hoisted_22)]);
+			}), 128))])) : activeTab.value === "liked" ? (openBlock(), createElementBlock("p", _hoisted_28, toDisplayString(unref(t).emptyLiked), 1)) : activeTab.value === "playlists" && playlists.value && playlists.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_29, [(openBlock(true), createElementBlock(Fragment, null, renderList(playlists.value, (playlist) => {
+				return openBlock(), createElementBlock("li", {
+					key: playlist.id,
+					class: "spotify-playlist-row"
+				}, [createElementVNode("button", {
+					type: "button",
+					class: "spotify-track-link",
+					onClick: ($event) => safeOpenUrl(playlist.url)
+				}, [playlist.imageUrl ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: playlist.imageUrl,
+					alt: "",
+					class: "spotify-cover"
+				}, null, 8, _hoisted_31)) : createCommentVNode("", true), createElementVNode("span", _hoisted_32, [createElementVNode("span", _hoisted_33, toDisplayString(playlist.name), 1), createElementVNode("span", _hoisted_34, toDisplayString(playlist.trackCount) + " " + toDisplayString(unref(t).tracksCount), 1)])], 8, _hoisted_30)]);
+			}), 128))])) : activeTab.value === "playlists" ? (openBlock(), createElementBlock("p", _hoisted_35, toDisplayString(unref(t).emptyPlaylists), 1)) : activeTab.value === "recent" && recent.value && recent.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_36, [(openBlock(true), createElementBlock(Fragment, null, renderList(recent.value, (item) => {
+				return openBlock(), createElementBlock("li", {
+					key: `${item.track.id}-${item.playedAt}`,
+					class: "spotify-track-row"
+				}, [createElementVNode("button", {
+					type: "button",
+					class: "spotify-track-link",
+					onClick: ($event) => safeOpenUrl(item.track.url)
+				}, [item.track.imageUrl ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: item.track.imageUrl,
+					alt: "",
+					class: "spotify-cover"
+				}, null, 8, _hoisted_38)) : createCommentVNode("", true), createElementVNode("span", _hoisted_39, [createElementVNode("span", _hoisted_40, toDisplayString(item.track.name), 1), createElementVNode("span", _hoisted_41, toDisplayString(unref(t).trackBy) + " " + toDisplayString(item.track.artists.join(", ")), 1)])], 8, _hoisted_37)]);
+			}), 128))])) : activeTab.value === "recent" ? (openBlock(), createElementBlock("p", _hoisted_42, toDisplayString(unref(t).emptyRecent), 1)) : activeTab.value === "nowPlaying" ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
+				nowPlaying.value ? (openBlock(), createElementBlock("div", _hoisted_43, [createElementVNode("button", {
+					type: "button",
+					class: "spotify-track-link",
+					onClick: _cache[1] || (_cache[1] = ($event) => safeOpenUrl(nowPlaying.value.url))
+				}, [nowPlaying.value.imageUrl ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: nowPlaying.value.imageUrl,
+					alt: "",
+					class: "spotify-now-cover"
+				}, null, 8, _hoisted_44)) : createCommentVNode("", true), createElementVNode("span", _hoisted_45, [
+					createElementVNode("span", _hoisted_46, toDisplayString(nowPlaying.value.name), 1),
+					createElementVNode("span", _hoisted_47, toDisplayString(unref(t).trackBy) + " " + toDisplayString(nowPlaying.value.artists.join(", ")), 1),
+					createElementVNode("span", _hoisted_48, toDisplayString(nowPlaying.value.album), 1)
+				])])])) : (openBlock(), createElementBlock("p", _hoisted_49, toDisplayString(unref(t).emptyNowPlaying), 1)),
+				status.value?.isPremium === false ? (openBlock(), createElementBlock("section", _hoisted_50, [createElementVNode("h3", null, toDisplayString(unref(t).playerControls), 1), createElementVNode("p", null, toDisplayString(unref(t).premiumRequired), 1)])) : status.value?.isPremium === true ? (openBlock(), createElementBlock("section", _hoisted_51, [
+					createElementVNode("h3", null, toDisplayString(unref(t).playerControls), 1),
+					createElementVNode("div", _hoisted_52, [
+						createElementVNode("button", {
+							type: "button",
+							class: "spotify-player-btn",
+							"aria-label": unref(t).btnPrevious,
+							disabled: isPlayerBusy.value,
+							onClick: playerPrevious
+						}, "⏮", 8, _hoisted_53),
+						createElementVNode("button", {
+							type: "button",
+							class: "spotify-player-btn",
+							"aria-label": unref(t).btnPause,
+							disabled: isPlayerBusy.value,
+							onClick: playerPause
+						}, "⏸", 8, _hoisted_54),
+						createElementVNode("button", {
+							type: "button",
+							class: "spotify-player-btn",
+							"aria-label": unref(t).btnPlay,
+							disabled: isPlayerBusy.value,
+							onClick: playerPlay
+						}, "▶", 8, _hoisted_55),
+						createElementVNode("button", {
+							type: "button",
+							class: "spotify-player-btn",
+							"aria-label": unref(t).btnNext,
+							disabled: isPlayerBusy.value,
+							onClick: playerNext
+						}, "⏭", 8, _hoisted_56)
+					]),
+					createElementVNode("div", _hoisted_57, [createElementVNode("label", _hoisted_58, toDisplayString(unref(t).volume) + ": " + toDisplayString(volumeInput.value), 1), withDirectives(createElementVNode("input", {
+						id: "spotify-volume",
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => volumeInput.value = $event),
+						type: "range",
+						min: "0",
+						max: "100",
+						disabled: isPlayerBusy.value,
+						onChange: playerVolume
+					}, null, 40, _hoisted_59), [[
+						vModelText,
+						volumeInput.value,
+						void 0,
+						{ number: true }
+					]])]),
+					playerError.value ? (openBlock(), createElementBlock("p", _hoisted_60, toDisplayString(playerError.value), 1)) : createCommentVNode("", true)
+				])) : createCommentVNode("", true),
+				devices.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_61, [createElementVNode("h3", null, toDisplayString(unref(t).devices), 1), createElementVNode("ul", _hoisted_62, [(openBlock(true), createElementBlock(Fragment, null, renderList(devices.value, (device, idx) => {
+					return openBlock(), createElementBlock("li", {
+						key: device.id ?? `name:${device.name}:${idx}`,
+						class: "spotify-device-row"
+					}, [
+						createElementVNode("span", _hoisted_63, toDisplayString(device.name), 1),
+						createElementVNode("span", _hoisted_64, toDisplayString(device.type), 1),
+						device.isActive ? (openBlock(), createElementBlock("span", _hoisted_65, toDisplayString(unref(t).deviceActive), 1)) : status.value?.isPremium === true ? (openBlock(), createElementBlock("button", {
+							key: 1,
+							type: "button",
+							class: "spotify-device-transfer",
+							disabled: isPlayerBusy.value || device.id === null,
+							"aria-disabled": device.id === null,
+							onClick: ($event) => device.id !== null && playerTransfer(device.id)
+						}, toDisplayString(unref(t).transferToDevice), 9, _hoisted_66)) : createCommentVNode("", true)
+					]);
+				}), 128))])])) : createCommentVNode("", true)
+			], 64)) : activeTab.value === "search" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [createElementVNode("form", {
+				class: "spotify-search-form",
+				onSubmit: withModifiers(runSearch, ["prevent"])
+			}, [withDirectives(createElementVNode("input", {
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => searchQuery.value = $event),
+				placeholder: unref(t).searchPlaceholder,
+				"aria-label": unref(t).searchPlaceholder,
+				class: "spotify-input",
+				type: "search",
+				autocomplete: "off",
+				disabled: isSearching.value
+			}, null, 8, _hoisted_67), [[vModelText, searchQuery.value]]), createElementVNode("button", {
+				type: "submit",
+				class: "spotify-btn-primary",
+				disabled: isSearching.value || searchQuery.value.trim().length === 0
+			}, toDisplayString(isSearching.value ? unref(t).loading : unref(t).searchSubmit), 9, _hoisted_68)], 32), searchResult.value && searchResultIsEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_69, toDisplayString(unref(t).searchEmpty), 1)) : searchResult.value ? (openBlock(), createElementBlock("div", _hoisted_70, [
+				searchResult.value.tracks && searchResult.value.tracks.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_71, [createElementVNode("h3", null, toDisplayString(unref(t).searchTracks), 1), createElementVNode("ul", _hoisted_72, [(openBlock(true), createElementBlock(Fragment, null, renderList(searchResult.value.tracks, (track) => {
+					return openBlock(), createElementBlock("li", {
+						key: `t-${track.id}`,
+						class: "spotify-track-row"
+					}, [createElementVNode("button", {
+						type: "button",
+						class: "spotify-track-link",
+						onClick: ($event) => safeOpenUrl(track.url)
+					}, [track.imageUrl ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						src: track.imageUrl,
+						alt: "",
+						class: "spotify-cover"
+					}, null, 8, _hoisted_74)) : createCommentVNode("", true), createElementVNode("span", _hoisted_75, [createElementVNode("span", _hoisted_76, toDisplayString(track.name), 1), createElementVNode("span", _hoisted_77, toDisplayString(unref(t).trackBy) + " " + toDisplayString(track.artists.join(", ")), 1)])], 8, _hoisted_73)]);
+				}), 128))])])) : createCommentVNode("", true),
+				searchResult.value.artists && searchResult.value.artists.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_78, [createElementVNode("h3", null, toDisplayString(unref(t).searchArtists), 1), createElementVNode("ul", _hoisted_79, [(openBlock(true), createElementBlock(Fragment, null, renderList(searchResult.value.artists, (artist) => {
+					return openBlock(), createElementBlock("li", {
+						key: `a-${artist.id}`,
+						class: "spotify-track-row"
+					}, [createElementVNode("button", {
+						type: "button",
+						class: "spotify-track-link",
+						onClick: ($event) => safeOpenUrl(artist.url)
+					}, [artist.imageUrl ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						src: artist.imageUrl,
+						alt: "",
+						class: "spotify-cover"
+					}, null, 8, _hoisted_81)) : createCommentVNode("", true), createElementVNode("span", _hoisted_82, [createElementVNode("span", _hoisted_83, toDisplayString(artist.name), 1), artist.genres.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_84, toDisplayString(artist.genres.slice(0, 3).join(", ")), 1)) : createCommentVNode("", true)])], 8, _hoisted_80)]);
+				}), 128))])])) : createCommentVNode("", true),
+				searchResult.value.albums && searchResult.value.albums.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_85, [createElementVNode("h3", null, toDisplayString(unref(t).searchAlbums), 1), createElementVNode("ul", _hoisted_86, [(openBlock(true), createElementBlock(Fragment, null, renderList(searchResult.value.albums, (album) => {
+					return openBlock(), createElementBlock("li", {
+						key: `al-${album.id}`,
+						class: "spotify-track-row"
+					}, [createElementVNode("button", {
+						type: "button",
+						class: "spotify-track-link",
+						onClick: ($event) => safeOpenUrl(album.url)
+					}, [album.imageUrl ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						src: album.imageUrl,
+						alt: "",
+						class: "spotify-cover"
+					}, null, 8, _hoisted_88)) : createCommentVNode("", true), createElementVNode("span", _hoisted_89, [createElementVNode("span", _hoisted_90, toDisplayString(album.name), 1), createElementVNode("span", _hoisted_91, [createTextVNode(toDisplayString(album.artists.join(", ")), 1), album.releaseDate ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(album.releaseDate.slice(0, 4)), 1)], 64)) : createCommentVNode("", true)])])], 8, _hoisted_87)]);
+				}), 128))])])) : createCommentVNode("", true),
+				searchResult.value.playlists && searchResult.value.playlists.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_92, [createElementVNode("h3", null, toDisplayString(unref(t).searchPlaylists), 1), createElementVNode("ul", _hoisted_93, [(openBlock(true), createElementBlock(Fragment, null, renderList(searchResult.value.playlists, (playlist) => {
+					return openBlock(), createElementBlock("li", {
+						key: `p-${playlist.id}`,
+						class: "spotify-playlist-row"
+					}, [createElementVNode("button", {
+						type: "button",
+						class: "spotify-track-link",
+						onClick: ($event) => safeOpenUrl(playlist.url)
+					}, [playlist.imageUrl ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						src: playlist.imageUrl,
+						alt: "",
+						class: "spotify-cover"
+					}, null, 8, _hoisted_95)) : createCommentVNode("", true), createElementVNode("span", _hoisted_96, [createElementVNode("span", _hoisted_97, toDisplayString(playlist.name), 1), createElementVNode("span", _hoisted_98, toDisplayString(playlist.trackCount) + " " + toDisplayString(unref(t).tracksCount), 1)])], 8, _hoisted_94)]);
+				}), 128))])])) : createCommentVNode("", true)
+			])) : (openBlock(), createElementBlock("p", _hoisted_99, toDisplayString(unref(t).searchHint), 1))], 64)) : createCommentVNode("", true)])])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/View.vue
+var View_default = /* @__PURE__ */ _plugin_vue_export_helper_default(View_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-57a122f2"]]);
+//#endregion
+//#region src/Preview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "spotify-preview" };
+var _hoisted_2 = { class: "spotify-preview-label" };
+var _hoisted_3 = { class: "spotify-preview-summary" };
+//#endregion
+//#region src/vue.ts
+var plugin = {
+	toolDefinition: TOOL_DEFINITION,
+	viewComponent: View_default,
+	previewComponent: /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+		__name: "Preview",
+		props: { selectedResult: {} },
+		setup(__props) {
+			const props = __props;
+			const t = useT();
+			const summary = computed(() => {
+				const result = props.selectedResult;
+				if (result.ok === false) return result.message ?? t.value.notConnected;
+				const data = result.data;
+				if (Array.isArray(data)) return summariseArray(data);
+				if (data === null) return t.value.emptyNowPlaying;
+				if (data && typeof data === "object" && "connected" in data) return data.connected ? t.value.connected : data.clientIdConfigured ? t.value.notConnected : t.value.notConfigured;
+				if (data && typeof data === "object" && isSearchResult(data)) return summariseSearchResult(data);
+				if (data && typeof data === "object" && "name" in data) return data.name;
+				return t.value.previewSummary;
+			});
+			function isSearchResult(value) {
+				return "tracks" in value || "artists" in value || "albums" in value || "playlists" in value;
+			}
+			function summariseSearchResult(result) {
+				const parts = [];
+				if (result.tracks?.length) parts.push(`${result.tracks.length} ${t.value.searchTracks}`);
+				if (result.artists?.length) parts.push(`${result.artists.length} ${t.value.searchArtists}`);
+				if (result.albums?.length) parts.push(`${result.albums.length} ${t.value.searchAlbums}`);
+				if (result.playlists?.length) parts.push(`${result.playlists.length} ${t.value.searchPlaylists}`);
+				return parts.length > 0 ? parts.join(" · ") : t.value.searchEmpty;
+			}
+			function summariseArray(data) {
+				if (data.length === 0) return t.value.empty;
+				const head = data[0];
+				if ("trackCount" in head) return `${data.length} ${t.value.tabPlaylists}`;
+				if ("playedAt" in head) return `${data.length} ${t.value.tabRecent}`;
+				return `${data.length} ${t.value.tracksCount}`;
+			}
+			return (_ctx, _cache) => {
+				return openBlock(), createElementBlock("div", _hoisted_1, [
+					_cache[0] || (_cache[0] = createElementVNode("span", {
+						class: "spotify-preview-icon",
+						"aria-hidden": "true"
+					}, "♪", -1)),
+					createElementVNode("span", _hoisted_2, toDisplayString(unref(t).previewSummary), 1),
+					createElementVNode("span", _hoisted_3, toDisplayString(summary.value), 1)
+				]);
+			};
+		}
+	}), [["__scopeId", "data-v-53e3c895"]])
+};
+//#endregion
+export { plugin };
+
+//# sourceMappingURL=vue.js.map