npm - @openhands/agent-canvas - Versions diffs - 1.14.0 → 1.15.0 - Mend

@openhands/agent-canvas 1.14.0 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1590) hide show

package/dist/components/features/sidebar/use-sidebar-onboarding-checklist.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-sidebar-onboarding-checklist.cjs","names":[],"sources":["../../../../src/components/features/sidebar/use-sidebar-onboarding-checklist.ts"],"sourcesContent":["import { useEffect, useMemo, useState, useSyncExternalStore } from \"react\";\nimport { useOnboardingCompletion } from \"#/components/features/onboarding/use-onboarding-completion\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { useAutomationHealth } from \"#/hooks/query/use-automation-health\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useLlmConfigured } from \"#/hooks/use-llm-configured\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n isCustomizeChecklistPath,\n SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS,\n type SidebarOnboardingChecklistItemId,\n} from \"./sidebar-onboarding-checklist.constants\";\nimport { isConfigureLlmChecklistItemComplete } from \"./sidebar-onboarding-checklist-llm-complete\";\nimport {\n readSidebarOnboardingChecklistCustomizeExplored,\n readSidebarOnboardingChecklistMinimized,\n readSidebarOnboardingChecklistSlackJoined,\n subscribeSidebarOnboardingChecklistDismissed,\n getSidebarOnboardingChecklistDismissedSnapshot,\n writeSidebarOnboardingChecklistCustomizeExplored,\n writeSidebarOnboardingChecklistDismissed,\n writeSidebarOnboardingChecklistMinimized,\n writeSidebarOnboardingChecklistSlackJoined,\n} from \"./sidebar-onboarding-checklist-storage\";\n\nexport interface SidebarOnboardingChecklistItemState {\n id: SidebarOnboardingChecklistItemId;\n isComplete: boolean;\n}\n\nfunction hasConfiguredMcpServers(mcpConfig: unknown): boolean {\n return Object.keys(parseMcpConfig(mcpConfig)).length > 0;\n}\n\nexport function useSidebarOnboardingChecklist() {\n const { isCompleted: onboardingCompleted } = useOnboardingCompletion();\n const { currentPath } = useNavigation();\n const isDismissed = useSyncExternalStore(\n subscribeSidebarOnboardingChecklistDismissed,\n getSidebarOnboardingChecklistDismissedSnapshot,\n () => false,\n );\n const [isMinimized, setIsMinimized] = useState(\n readSidebarOnboardingChecklistMinimized,\n );\n const [hasExploredCustomize, setHasExploredCustomize] = useState(\n readSidebarOnboardingChecklistCustomizeExplored,\n );\n const [hasJoinedSlack, setHasJoinedSlack] = useState(\n readSidebarOnboardingChecklistSlackJoined,\n );\n\n const { data: settings } = useSettings();\n const { isConfigured: isLlmConfigured, isLoading: isLlmConfiguredLoading } =\n useLlmConfigured();\n const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n const { data: conversationPage } = usePaginatedConversations(1);\n const { data: healthData } = useAutomationHealth();\n const isAutomationBackendHealthy = healthData?.status === \"ok\";\n const { data: automationsData } = useAutomations({\n limit: 1,\n offset: 0,\n enabled: isAutomationBackendHealthy,\n });\n\n useEffect(() => {\n if (!isCustomizeChecklistPath(currentPath)) {\n return;\n }\n\n if (hasExploredCustomize) {\n return;\n }\n\n writeSidebarOnboardingChecklistCustomizeExplored(true);\n setHasExploredCustomize(true);\n }, [currentPath, hasExploredCustomize]);\n\n const completionById = useMemo(() => {\n const hasConversation = (conversationPage?.pages[0]?.items.length ?? 0) > 0;\n const hasAutomation = (automationsData?.total ?? 0) > 0;\n\n return {\n \"configure-llm\": isConfigureLlmChecklistItemComplete(\n settings,\n isLlmConfigured,\n isLlmConfiguredLoading,\n profilesData,\n isProfilesLoading,\n ),\n \"connect-mcp\": hasConfiguredMcpServers(\n settings?.agent_settings?.mcp_config,\n ),\n \"start-conversation\": hasConversation,\n \"schedule-task\": hasAutomation,\n \"customize-agent\": hasExploredCustomize,\n \"join-slack\": hasJoinedSlack,\n } satisfies Record<SidebarOnboardingChecklistItemId, boolean>;\n }, [\n automationsData?.total,\n conversationPage?.pages,\n hasExploredCustomize,\n hasJoinedSlack,\n isLlmConfigured,\n isLlmConfiguredLoading,\n isProfilesLoading,\n profilesData,\n settings,\n settings?.agent_settings?.mcp_config,\n ]);\n\n const items = useMemo(\n (): SidebarOnboardingChecklistItemState[] =>\n SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS.map((id) => ({\n id,\n isComplete: completionById[id],\n })),\n [completionById],\n );\n\n const completedCount = items.filter((item) => item.isComplete).length;\n const isAllComplete = completedCount === items.length;\n\n const isVisible = onboardingCompleted && !isDismissed && !isAllComplete;\n\n const dismiss = () => {\n writeSidebarOnboardingChecklistDismissed(true);\n };\n\n const toggleMinimized = () => {\n setIsMinimized((current) => {\n const next = !current;\n writeSidebarOnboardingChecklistMinimized(next);\n return next;\n });\n };\n\n const markJoinSlackComplete = () => {\n if (hasJoinedSlack) {\n return;\n }\n writeSidebarOnboardingChecklistSlackJoined(true);\n setHasJoinedSlack(true);\n };\n\n return {\n items,\n completedCount,\n totalCount: items.length,\n isVisible,\n isMinimized,\n dismiss,\n toggleMinimized,\n markJoinSlackComplete,\n };\n}\n"],"mappings":"yuBAiCA,SAAS,EAAwB,EAA6B,CAC5D,OAAO,OAAO,KAAK,EAAA,eAAe,CAAS,CAAC,EAAE,OAAS,CACzD,CAEA,SAAgB,GAAgC,CAC9C,GAAM,CAAE,YAAa,GAAwB,EAAA,wBAAwB,EAC/D,CAAE,eAAgB,EAAA,cAAc,EAChC,GAAA,EAAA,EAAA,sBACJ,EAAA,6CACA,EAAA,mDACM,EACR,EACM,CAAC,EAAa,IAAA,EAAA,EAAA,UAClB,EAAA,uCACF,EACM,CAAC,EAAsB,IAAA,EAAA,EAAA,UAC3B,EAAA,+CACF,EACM,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,EAAA,yCACF,EAEM,CAAE,KAAM,GAAa,EAAA,YAAY,EACjC,CAAE,aAAc,EAAiB,UAAW,GAChD,EAAA,iBAAiB,EACb,CAAE,KAAM,EAAc,UAAW,GAAsB,EAAA,eAAe,EACtE,CAAE,KAAM,GAAqB,EAAA,0BAA0B,CAAC,EACxD,CAAE,KAAM,GAAe,EAAA,oBAAoB,EAE3C,CAAE,KAAM,GAAoB,EAAA,eAAe,CAC/C,MAAO,EACP,OAAQ,EACR,QAJiC,GAAY,SAAW,IAK1D,CAAC,GAED,EAAA,EAAA,eAAgB,CACT,EAAA,yBAAyB,CAAW,IAIrC,IAIJ,EAAA,iDAAiD,EAAI,EACrD,EAAwB,EAAI,GAC9B,EAAG,CAAC,EAAa,CAAoB,CAAC,EAEtC,IAAM,GAAA,EAAA,EAAA,aAA+B,CACnC,IAAM,GAAmB,GAAkB,MAAM,IAAI,MAAM,QAAU,GAAK,EACpE,GAAiB,GAAiB,OAAS,GAAK,EAEtD,MAAO,CACL,gBAAiB,EAAA,oCACf,EACA,EACA,EACA,EACA,CACF,EACA,cAAe,EACb,GAAU,gBAAgB,UAC5B,EACA,qBAAsB,EACtB,gBAAiB,EACjB,kBAAmB,EACnB,aAAc,CAChB,CACF,EAAG,CACD,GAAiB,MACjB,GAAkB,MAClB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,GAAU,gBAAgB,UAC5B,CAAC,EAEK,GAAA,EAAA,EAAA,aAEF,EAAA,sCAAsC,IAAK,IAAQ,CACjD,KACA,WAAY,EAAe,EAC7B,EAAE,EACJ,CAAC,CAAc,CACjB,EAEM,EAAiB,EAAM,OAAQ,GAAS,EAAK,UAAU,EAAE,OACzD,EAAgB,IAAmB,EAAM,OAEzC,EAAY,GAAuB,CAAC,GAAe,CAAC,EAsB1D,MAAO,CACL,QACA,iBACA,WAAY,EAAM,OAClB,YACA,cACA,YA1BoB,CACpB,EAAA,yCAAyC,EAAI,CAC/C,EAyBE,oBAvB4B,CAC5B,EAAgB,GAAY,CAC1B,IAAM,EAAO,CAAC,EAEd,OADA,EAAA,yCAAyC,CAAI,EACtC,CACT,CAAC,CACH,EAkBE,0BAhBkC,CAC9B,IAGJ,EAAA,2CAA2C,EAAI,EAC/C,EAAkB,EAAI,EACxB,CAWA,CACF"}

package/dist/components/features/sidebar/use-sidebar-onboarding-checklist.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { type SidebarOnboardingChecklistItemId } from "./sidebar-onboarding-checklist.constants";
+export interface SidebarOnboardingChecklistItemState {
+    id: SidebarOnboardingChecklistItemId;
+    isComplete: boolean;
+}
+export declare function useSidebarOnboardingChecklist(): {
+    items: SidebarOnboardingChecklistItemState[];
+    completedCount: number;
+    totalCount: number;
+    isVisible: boolean;
+    isMinimized: boolean;
+    dismiss: () => void;
+    toggleMinimized: () => void;
+    markJoinSlackComplete: () => void;
+};

package/dist/components/features/sidebar/use-sidebar-onboarding-checklist.js ADDED Viewed

@@ -0,0 +1,75 @@
+import { useNavigation as e } from "../../../context/navigation-context.js";
+import { parseMcpConfig as t } from "../../../utils/mcp-config.js";
+import { useLlmProfiles as n } from "../../../hooks/query/use-llm-profiles.js";
+import { useSettings as r } from "../../../hooks/query/use-settings.js";
+import { useLlmConfigured as i } from "../../../hooks/use-llm-configured.js";
+import { useAutomations as a } from "../../../hooks/query/use-automations.js";
+import { useAutomationHealth as o } from "../../../hooks/query/use-automation-health.js";
+import { SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS as s, isCustomizeChecklistPath as c } from "./sidebar-onboarding-checklist.constants.js";
+import { getSidebarOnboardingChecklistDismissedSnapshot as l, readSidebarOnboardingChecklistCustomizeExplored as u, readSidebarOnboardingChecklistMinimized as d, readSidebarOnboardingChecklistSlackJoined as f, subscribeSidebarOnboardingChecklistDismissed as p, writeSidebarOnboardingChecklistCustomizeExplored as m, writeSidebarOnboardingChecklistDismissed as h, writeSidebarOnboardingChecklistMinimized as g, writeSidebarOnboardingChecklistSlackJoined as _ } from "./sidebar-onboarding-checklist-storage.js";
+import { usePaginatedConversations as v } from "../../../hooks/query/use-paginated-conversations.js";
+import { useOnboardingCompletion as y } from "../onboarding/use-onboarding-completion.js";
+import { isConfigureLlmChecklistItemComplete as b } from "./sidebar-onboarding-checklist-llm-complete.js";
+import { useEffect as x, useMemo as S, useState as C, useSyncExternalStore as w } from "react";
+//#region src/components/features/sidebar/use-sidebar-onboarding-checklist.ts
+function T(e) {
+	return Object.keys(t(e)).length > 0;
+}
+function E() {
+	let { isCompleted: t } = y(), { currentPath: E } = e(), D = w(p, l, () => !1), [O, k] = C(d), [A, j] = C(u), [M, N] = C(f), { data: P } = r(), { isConfigured: F, isLoading: I } = i(), { data: L, isLoading: R } = n(), { data: z } = v(1), { data: B } = o(), { data: V } = a({
+		limit: 1,
+		offset: 0,
+		enabled: B?.status === "ok"
+	});
+	x(() => {
+		c(E) && (A || (m(!0), j(!0)));
+	}, [E, A]);
+	let H = S(() => {
+		let e = (z?.pages[0]?.items.length ?? 0) > 0, t = (V?.total ?? 0) > 0;
+		return {
+			"configure-llm": b(P, F, I, L, R),
+			"connect-mcp": T(P?.agent_settings?.mcp_config),
+			"start-conversation": e,
+			"schedule-task": t,
+			"customize-agent": A,
+			"join-slack": M
+		};
+	}, [
+		V?.total,
+		z?.pages,
+		A,
+		M,
+		F,
+		I,
+		R,
+		L,
+		P,
+		P?.agent_settings?.mcp_config
+	]), U = S(() => s.map((e) => ({
+		id: e,
+		isComplete: H[e]
+	})), [H]), W = U.filter((e) => e.isComplete).length, G = W === U.length, K = t && !D && !G;
+	return {
+		items: U,
+		completedCount: W,
+		totalCount: U.length,
+		isVisible: K,
+		isMinimized: O,
+		dismiss: () => {
+			h(!0);
+		},
+		toggleMinimized: () => {
+			k((e) => {
+				let t = !e;
+				return g(t), t;
+			});
+		},
+		markJoinSlackComplete: () => {
+			M || (_(!0), N(!0));
+		}
+	};
+}
+//#endregion
+export { E as useSidebarOnboardingChecklist };
+//# sourceMappingURL=use-sidebar-onboarding-checklist.js.map

package/dist/components/features/sidebar/use-sidebar-onboarding-checklist.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-sidebar-onboarding-checklist.js","names":[],"sources":["../../../../src/components/features/sidebar/use-sidebar-onboarding-checklist.ts"],"sourcesContent":["import { useEffect, useMemo, useState, useSyncExternalStore } from \"react\";\nimport { useOnboardingCompletion } from \"#/components/features/onboarding/use-onboarding-completion\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useAutomations } from \"#/hooks/query/use-automations\";\nimport { useAutomationHealth } from \"#/hooks/query/use-automation-health\";\nimport { usePaginatedConversations } from \"#/hooks/query/use-paginated-conversations\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useLlmConfigured } from \"#/hooks/use-llm-configured\";\nimport { parseMcpConfig } from \"#/utils/mcp-config\";\nimport {\n isCustomizeChecklistPath,\n SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS,\n type SidebarOnboardingChecklistItemId,\n} from \"./sidebar-onboarding-checklist.constants\";\nimport { isConfigureLlmChecklistItemComplete } from \"./sidebar-onboarding-checklist-llm-complete\";\nimport {\n readSidebarOnboardingChecklistCustomizeExplored,\n readSidebarOnboardingChecklistMinimized,\n readSidebarOnboardingChecklistSlackJoined,\n subscribeSidebarOnboardingChecklistDismissed,\n getSidebarOnboardingChecklistDismissedSnapshot,\n writeSidebarOnboardingChecklistCustomizeExplored,\n writeSidebarOnboardingChecklistDismissed,\n writeSidebarOnboardingChecklistMinimized,\n writeSidebarOnboardingChecklistSlackJoined,\n} from \"./sidebar-onboarding-checklist-storage\";\n\nexport interface SidebarOnboardingChecklistItemState {\n id: SidebarOnboardingChecklistItemId;\n isComplete: boolean;\n}\n\nfunction hasConfiguredMcpServers(mcpConfig: unknown): boolean {\n return Object.keys(parseMcpConfig(mcpConfig)).length > 0;\n}\n\nexport function useSidebarOnboardingChecklist() {\n const { isCompleted: onboardingCompleted } = useOnboardingCompletion();\n const { currentPath } = useNavigation();\n const isDismissed = useSyncExternalStore(\n subscribeSidebarOnboardingChecklistDismissed,\n getSidebarOnboardingChecklistDismissedSnapshot,\n () => false,\n );\n const [isMinimized, setIsMinimized] = useState(\n readSidebarOnboardingChecklistMinimized,\n );\n const [hasExploredCustomize, setHasExploredCustomize] = useState(\n readSidebarOnboardingChecklistCustomizeExplored,\n );\n const [hasJoinedSlack, setHasJoinedSlack] = useState(\n readSidebarOnboardingChecklistSlackJoined,\n );\n\n const { data: settings } = useSettings();\n const { isConfigured: isLlmConfigured, isLoading: isLlmConfiguredLoading } =\n useLlmConfigured();\n const { data: profilesData, isLoading: isProfilesLoading } = useLlmProfiles();\n const { data: conversationPage } = usePaginatedConversations(1);\n const { data: healthData } = useAutomationHealth();\n const isAutomationBackendHealthy = healthData?.status === \"ok\";\n const { data: automationsData } = useAutomations({\n limit: 1,\n offset: 0,\n enabled: isAutomationBackendHealthy,\n });\n\n useEffect(() => {\n if (!isCustomizeChecklistPath(currentPath)) {\n return;\n }\n\n if (hasExploredCustomize) {\n return;\n }\n\n writeSidebarOnboardingChecklistCustomizeExplored(true);\n setHasExploredCustomize(true);\n }, [currentPath, hasExploredCustomize]);\n\n const completionById = useMemo(() => {\n const hasConversation = (conversationPage?.pages[0]?.items.length ?? 0) > 0;\n const hasAutomation = (automationsData?.total ?? 0) > 0;\n\n return {\n \"configure-llm\": isConfigureLlmChecklistItemComplete(\n settings,\n isLlmConfigured,\n isLlmConfiguredLoading,\n profilesData,\n isProfilesLoading,\n ),\n \"connect-mcp\": hasConfiguredMcpServers(\n settings?.agent_settings?.mcp_config,\n ),\n \"start-conversation\": hasConversation,\n \"schedule-task\": hasAutomation,\n \"customize-agent\": hasExploredCustomize,\n \"join-slack\": hasJoinedSlack,\n } satisfies Record<SidebarOnboardingChecklistItemId, boolean>;\n }, [\n automationsData?.total,\n conversationPage?.pages,\n hasExploredCustomize,\n hasJoinedSlack,\n isLlmConfigured,\n isLlmConfiguredLoading,\n isProfilesLoading,\n profilesData,\n settings,\n settings?.agent_settings?.mcp_config,\n ]);\n\n const items = useMemo(\n (): SidebarOnboardingChecklistItemState[] =>\n SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS.map((id) => ({\n id,\n isComplete: completionById[id],\n })),\n [completionById],\n );\n\n const completedCount = items.filter((item) => item.isComplete).length;\n const isAllComplete = completedCount === items.length;\n\n const isVisible = onboardingCompleted && !isDismissed && !isAllComplete;\n\n const dismiss = () => {\n writeSidebarOnboardingChecklistDismissed(true);\n };\n\n const toggleMinimized = () => {\n setIsMinimized((current) => {\n const next = !current;\n writeSidebarOnboardingChecklistMinimized(next);\n return next;\n });\n };\n\n const markJoinSlackComplete = () => {\n if (hasJoinedSlack) {\n return;\n }\n writeSidebarOnboardingChecklistSlackJoined(true);\n setHasJoinedSlack(true);\n };\n\n return {\n items,\n completedCount,\n totalCount: items.length,\n isVisible,\n isMinimized,\n dismiss,\n toggleMinimized,\n markJoinSlackComplete,\n };\n}\n"],"mappings":";;;;;;;;;;;;;;AAiCA,SAAS,EAAwB,GAA6B;CAC5D,OAAO,OAAO,KAAK,EAAe,CAAS,CAAC,EAAE,SAAS;AACzD;AAEA,SAAgB,IAAgC;CAC9C,IAAM,EAAE,aAAa,MAAwB,EAAwB,GAC/D,EAAE,mBAAgB,EAAc,GAChC,IAAc,EAClB,GACA,SACM,EACR,GACM,CAAC,GAAa,KAAkB,EACpC,CACF,GACM,CAAC,GAAsB,KAA2B,EACtD,CACF,GACM,CAAC,GAAgB,KAAqB,EAC1C,CACF,GAEM,EAAE,MAAM,MAAa,EAAY,GACjC,EAAE,cAAc,GAAiB,WAAW,MAChD,EAAiB,GACb,EAAE,MAAM,GAAc,WAAW,MAAsB,EAAe,GACtE,EAAE,MAAM,MAAqB,EAA0B,CAAC,GACxD,EAAE,MAAM,MAAe,EAAoB,GAE3C,EAAE,MAAM,MAAoB,EAAe;EAC/C,OAAO;EACP,QAAQ;EACR,SAJiC,GAAY,WAAW;CAK1D,CAAC;CAED,QAAgB;EACT,EAAyB,CAAW,MAIrC,MAIJ,EAAiD,EAAI,GACrD,EAAwB,EAAI;CAC9B,GAAG,CAAC,GAAa,CAAoB,CAAC;CAEtC,IAAM,IAAiB,QAAc;EACnC,IAAM,KAAmB,GAAkB,MAAM,IAAI,MAAM,UAAU,KAAK,GACpE,KAAiB,GAAiB,SAAS,KAAK;EAEtD,OAAO;GACL,iBAAiB,EACf,GACA,GACA,GACA,GACA,CACF;GACA,eAAe,EACb,GAAU,gBAAgB,UAC5B;GACA,sBAAsB;GACtB,iBAAiB;GACjB,mBAAmB;GACnB,cAAc;EAChB;CACF,GAAG;EACD,GAAiB;EACjB,GAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAU,gBAAgB;CAC5B,CAAC,GAEK,IAAQ,QAEV,EAAsC,KAAK,OAAQ;EACjD;EACA,YAAY,EAAe;CAC7B,EAAE,GACJ,CAAC,CAAc,CACjB,GAEM,IAAiB,EAAM,QAAQ,MAAS,EAAK,UAAU,EAAE,QACzD,IAAgB,MAAmB,EAAM,QAEzC,IAAY,KAAuB,CAAC,KAAe,CAAC;CAsB1D,OAAO;EACL;EACA;EACA,YAAY,EAAM;EAClB;EACA;EACA,eA1BoB;GACpB,EAAyC,EAAI;EAC/C;EAyBE,uBAvB4B;GAC5B,GAAgB,MAAY;IAC1B,IAAM,IAAO,CAAC;IAEd,OADA,EAAyC,CAAI,GACtC;GACT,CAAC;EACH;EAkBE,6BAhBkC;GAC9B,MAGJ,EAA2C,EAAI,GAC/C,EAAkB,EAAI;EACxB;CAWA;AACF"}

package/dist/components/features/skills/add-skill-modal.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),n=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),r=require("../../../i18n/declaration.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../icons/checkmark.cjs"),o=require("../../../icons/copy.cjs"),s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../settings/brand-button.cjs"),d=require("../../../constants/skills-docs.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=[r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_1,r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_2,r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_3,r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_4,r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_5],h={cmd:(0,p.jsx)(g,{}),path:(0,p.jsx)(g,{}),env:(0,p.jsx)(g,{})};function g({children:e}){return(0,p.jsx)(`code`,{className:i.cn(`mx-0.5 inline-block rounded-sm border border-[var(--oh-border-subtle)]`,`bg-[var(--oh-surface-raised)] px-1.5 py-0.5 align-baseline font-mono text-[11px] text-white`),children:e})}function _(){let{t:e}=n.useTranslation(`openhands`),[t,s]=f.default.useState(!1);return f.default.useEffect(()=>{if(!t)return;let e=setTimeout(()=>s(!1),2e3);return()=>clearTimeout(e)},[t]),(0,p.jsxs)(`div`,{className:`relative`,children:[(0,p.jsx)(`pre`,{"data-testid":`add-skill-modal-example`,className:i.cn(`overflow-x-auto rounded-sm border border-[var(--oh-border-subtle)]`,`bg-[var(--oh-surface-raised)] p-2 pr-10 text-xs text-white`),children:d.ADD_SKILL_EXAMPLE_COMMAND}),(0,p.jsx)(`button`,{type:`button`,"data-testid":`add-skill-modal-example-copy`,"aria-label":e(t?r.I18nKey.BUTTON$COPIED:r.I18nKey.BUTTON$COPY),disabled:t,onClick:async()=>{await navigator.clipboard.writeText(d.ADD_SKILL_EXAMPLE_COMMAND),s(!0)},className:i.cn(`absolute right-2 top-2 cursor-pointer rounded-sm border border-[var(--oh-border-subtle)]`,`bg-base-secondary p-1 text-tertiary-alt transition-colors`,`hover:bg-[var(--oh-surface)] hover:text-white disabled:cursor-default [&_path]:fill-current`),children:t?(0,p.jsx)(a.default,{width:14,height:14}):(0,p.jsx)(o.default,{width:14,height:14})})]})}function v({i18nKey:e}){return(0,p.jsx)(`p`,{className:`text-xs leading-relaxed text-tertiary-light`,children:(0,p.jsx)(t.Trans,{ns:`openhands`,i18nKey:e,components:h})})}function y({onClose:e}){let{t:a}=n.useTranslation(`openhands`);return(0,p.jsx)(s.ModalBackdrop,{onClose:e,"aria-label":a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_TITLE),children:(0,p.jsxs)(`div`,{"data-testid":`add-skill-modal`,className:`relative flex w-[520px] max-w-[90vw] max-h-[85vh] flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary`,children:[(0,p.jsx)(l.ModalCloseButton,{onClose:e,testId:`add-skill-modal-close`}),(0,p.jsxs)(`header`,{className:`flex-shrink-0 px-6 pb-4 pt-6`,children:[(0,p.jsx)(`h2`,{className:i.cn(`pr-6`,c.modalTitleLgClassName),children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_TITLE)}),(0,p.jsx)(`p`,{className:`mt-4 text-sm text-tertiary-light`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_INTRO)})]}),(0,p.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 custom-scrollbar`,children:[(0,p.jsxs)(`section`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_TITLE)}),(0,p.jsx)(v,{i18nKey:r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_BODY}),(0,p.jsx)(`p`,{className:`text-xs text-tertiary-light`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_EXAMPLE_LABEL)}),(0,p.jsx)(_,{}),(0,p.jsx)(`ol`,{className:`list-decimal space-y-1 pl-4 text-xs leading-relaxed text-tertiary-light`,children:m.map(e=>(0,p.jsx)(`li`,{children:e===r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_3?(0,p.jsx)(t.Trans,{ns:`openhands`,i18nKey:e,components:h}):a(e)},e))})]}),(0,p.jsxs)(`section`,{className:`flex flex-col gap-1`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS_TITLE)}),(0,p.jsx)(`p`,{className:`text-xs leading-relaxed text-tertiary-light`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS)})]}),(0,p.jsxs)(`section`,{className:`flex flex-col gap-1`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_TITLE)}),(0,p.jsx)(v,{i18nKey:r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_BODY})]}),(0,p.jsx)(v,{i18nKey:r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_PRIVATE_REPOS}),(0,p.jsx)(`a`,{href:d.ADD_SKILL_DOCS_URL,target:`_blank`,rel:`noreferrer`,"data-testid":`add-skill-modal-docs-link`,className:`self-start text-xs text-[var(--oh-muted)] transition-colors hover:text-white hover:underline`,children:a(r.I18nKey.SETTINGS$SKILLS_ADD_MODAL_VIEW_DOCS)})]}),(0,p.jsx)(`footer`,{className:`flex flex-shrink-0 justify-end gap-2 px-6 pb-6 pt-4`,children:(0,p.jsx)(u.BrandButton,{type:`button`,variant:`secondary`,onClick:e,testId:`add-skill-modal-dismiss`,children:a(r.I18nKey.BUTTON$CLOSE)})})]})})}exports.AddSkillModal=y;
2	+ //# sourceMappingURL=add-skill-modal.cjs.map

package/dist/components/features/skills/add-skill-modal.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"add-skill-modal.cjs","names":[],"sources":["../../../../src/components/features/skills/add-skill-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport {\n ADD_SKILL_DOCS_URL,\n ADD_SKILL_EXAMPLE_COMMAND,\n} from \"#/constants/skills-docs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport CheckmarkIcon from \"#/icons/checkmark.svg?react\";\nimport CopyIcon from \"#/icons/copy.svg?react\";\n\ninterface AddSkillModalProps {\n onClose: () => void;\n}\n\nconst ADD_SKILL_STEP_KEYS = [\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_1,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_2,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_3,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_4,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_5,\n] as const;\n\nconst ADD_SKILL_INLINE_CODE_COMPONENTS = {\n cmd: <InlineCodeChip />,\n path: <InlineCodeChip />,\n env: <InlineCodeChip />,\n};\n\nfunction InlineCodeChip({ children }: { children?: React.ReactNode }) {\n return (\n <code\n className={cn(\n \"mx-0.5 inline-block rounded-sm border border-[var(--oh-border-subtle)]\",\n \"bg-[var(--oh-surface-raised)] px-1.5 py-0.5 align-baseline font-mono text-[11px] text-white\",\n )}\n >\n {children}\n </code>\n );\n}\n\nfunction AddSkillExampleBlock() {\n const { t } = useTranslation(\"openhands\");\n const [copied, setCopied] = React.useState(false);\n\n const handleCopy = async () => {\n await navigator.clipboard.writeText(ADD_SKILL_EXAMPLE_COMMAND);\n setCopied(true);\n };\n\n React.useEffect(() => {\n if (!copied) return undefined;\n const timeout = setTimeout(() => setCopied(false), 2000);\n return () => clearTimeout(timeout);\n }, [copied]);\n\n return (\n <div className=\"relative\">\n <pre\n data-testid=\"add-skill-modal-example\"\n className={cn(\n \"overflow-x-auto rounded-sm border border-[var(--oh-border-subtle)]\",\n \"bg-[var(--oh-surface-raised)] p-2 pr-10 text-xs text-white\",\n )}\n >\n {ADD_SKILL_EXAMPLE_COMMAND}\n </pre>\n <button\n type=\"button\"\n data-testid=\"add-skill-modal-example-copy\"\n aria-label={t(copied ? I18nKey.BUTTON$COPIED : I18nKey.BUTTON$COPY)}\n disabled={copied}\n onClick={handleCopy}\n className={cn(\n \"absolute right-2 top-2 cursor-pointer rounded-sm border border-[var(--oh-border-subtle)]\",\n \"bg-base-secondary p-1 text-tertiary-alt transition-colors\",\n \"hover:bg-[var(--oh-surface)] hover:text-white disabled:cursor-default [&_path]:fill-current\",\n )}\n >\n {copied ? (\n <CheckmarkIcon width={14} height={14} />\n ) : (\n <CopyIcon width={14} height={14} />\n )}\n </button>\n </div>\n );\n}\n\nfunction AddSkillTransParagraph({\n i18nKey,\n}: {\n i18nKey:\n | typeof I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_BODY\n | typeof I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_BODY\n | typeof I18nKey.SETTINGS$SKILLS_ADD_MODAL_PRIVATE_REPOS;\n}) {\n return (\n <p className=\"text-xs leading-relaxed text-tertiary-light\">\n <Trans\n ns=\"openhands\"\n i18nKey={i18nKey}\n components={ADD_SKILL_INLINE_CODE_COMPONENTS}\n />\n </p>\n );\n}\n\nexport function AddSkillModal({ onClose }: AddSkillModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_TITLE)}\n >\n <div\n data-testid=\"add-skill-modal\"\n className=\"relative flex w-[520px] max-w-[90vw] max-h-[85vh] flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary\"\n >\n <ModalCloseButton onClose={onClose} testId=\"add-skill-modal-close\" />\n <header className=\"flex-shrink-0 px-6 pb-4 pt-6\">\n <h2 className={cn(\"pr-6\", modalTitleLgClassName)}>\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_TITLE)}\n </h2>\n <p className=\"mt-4 text-sm text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_INTRO)}\n </p>\n </header>\n\n <div className=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 custom-scrollbar\">\n <section className=\"flex flex-col gap-2\">\n <h3 className=\"text-sm font-semibold text-foreground\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_TITLE)}\n </h3>\n <AddSkillTransParagraph\n i18nKey={I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_BODY}\n />\n <p className=\"text-xs text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_EXAMPLE_LABEL)}\n </p>\n <AddSkillExampleBlock />\n <ol className=\"list-decimal space-y-1 pl-4 text-xs leading-relaxed text-tertiary-light\">\n {ADD_SKILL_STEP_KEYS.map((key) => (\n <li key={key}>\n {key === I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_3 ? (\n <Trans\n ns=\"openhands\"\n i18nKey={key}\n components={ADD_SKILL_INLINE_CODE_COMPONENTS}\n />\n ) : (\n t(key)\n )}\n </li>\n ))}\n </ol>\n </section>\n\n <section className=\"flex flex-col gap-1\">\n <h3 className=\"text-sm font-semibold text-foreground\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS_TITLE)}\n </h3>\n <p className=\"text-xs leading-relaxed text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS)}\n </p>\n </section>\n\n <section className=\"flex flex-col gap-1\">\n <h3 className=\"text-sm font-semibold text-foreground\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_TITLE)}\n </h3>\n <AddSkillTransParagraph\n i18nKey={I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_BODY}\n />\n </section>\n\n <AddSkillTransParagraph\n i18nKey={I18nKey.SETTINGS$SKILLS_ADD_MODAL_PRIVATE_REPOS}\n />\n\n <a\n href={ADD_SKILL_DOCS_URL}\n target=\"_blank\"\n rel=\"noreferrer\"\n data-testid=\"add-skill-modal-docs-link\"\n className=\"self-start text-xs text-[var(--oh-muted)] transition-colors hover:text-white hover:underline\"\n >\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_VIEW_DOCS)}\n </a>\n </div>\n\n <footer className=\"flex flex-shrink-0 justify-end gap-2 px-6 pb-6 pt-4\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"add-skill-modal-dismiss\"\n >\n {t(I18nKey.BUTTON$CLOSE)}\n </BrandButton>\n </footer>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/skills/add-skill-modal.js ADDED Viewed

@@ -0,0 +1,164 @@
+import { Trans as e } from "../../../node_modules/react-i18next/dist/es/Trans.js";
+import { useTranslation as t } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as n } from "../../../i18n/declaration.js";
+import { cn as r } from "../../../utils/utils.js";
+import i from "../../../icons/checkmark.js";
+import a from "../../../icons/copy.js";
+import { ModalBackdrop as o } from "../../shared/modals/modal-backdrop.js";
+import { modalTitleLgClassName as s } from "../../../utils/modal-classes.js";
+import { ModalCloseButton as c } from "../../shared/modals/modal-close-button.js";
+import { BrandButton as l } from "../settings/brand-button.js";
+import { ADD_SKILL_DOCS_URL as u, ADD_SKILL_EXAMPLE_COMMAND as d } from "../../../constants/skills-docs.js";
+import f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/features/skills/add-skill-modal.tsx
+var h = [
+	n.SETTINGS$SKILLS_ADD_MODAL_STEP_1,
+	n.SETTINGS$SKILLS_ADD_MODAL_STEP_2,
+	n.SETTINGS$SKILLS_ADD_MODAL_STEP_3,
+	n.SETTINGS$SKILLS_ADD_MODAL_STEP_4,
+	n.SETTINGS$SKILLS_ADD_MODAL_STEP_5
+], g = {
+	cmd: /* @__PURE__ */ p(_, {}),
+	path: /* @__PURE__ */ p(_, {}),
+	env: /* @__PURE__ */ p(_, {})
+};
+function _({ children: e }) {
+	return /* @__PURE__ */ p("code", {
+		className: r("mx-0.5 inline-block rounded-sm border border-[var(--oh-border-subtle)]", "bg-[var(--oh-surface-raised)] px-1.5 py-0.5 align-baseline font-mono text-[11px] text-white"),
+		children: e
+	});
+}
+function v() {
+	let { t: e } = t("openhands"), [o, s] = f.useState(!1);
+	return f.useEffect(() => {
+		if (!o) return;
+		let e = setTimeout(() => s(!1), 2e3);
+		return () => clearTimeout(e);
+	}, [o]), /* @__PURE__ */ m("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ p("pre", {
+			"data-testid": "add-skill-modal-example",
+			className: r("overflow-x-auto rounded-sm border border-[var(--oh-border-subtle)]", "bg-[var(--oh-surface-raised)] p-2 pr-10 text-xs text-white"),
+			children: d
+		}), /* @__PURE__ */ p("button", {
+			type: "button",
+			"data-testid": "add-skill-modal-example-copy",
+			"aria-label": e(o ? n.BUTTON$COPIED : n.BUTTON$COPY),
+			disabled: o,
+			onClick: async () => {
+				await navigator.clipboard.writeText(d), s(!0);
+			},
+			className: r("absolute right-2 top-2 cursor-pointer rounded-sm border border-[var(--oh-border-subtle)]", "bg-base-secondary p-1 text-tertiary-alt transition-colors", "hover:bg-[var(--oh-surface)] hover:text-white disabled:cursor-default [&_path]:fill-current"),
+			children: p(o ? i : a, {
+				width: 14,
+				height: 14
+			})
+		})]
+	});
+}
+function y({ i18nKey: t }) {
+	return /* @__PURE__ */ p("p", {
+		className: "text-xs leading-relaxed text-tertiary-light",
+		children: /* @__PURE__ */ p(e, {
+			ns: "openhands",
+			i18nKey: t,
+			components: g
+		})
+	});
+}
+function b({ onClose: i }) {
+	let { t: a } = t("openhands");
+	return /* @__PURE__ */ p(o, {
+		onClose: i,
+		"aria-label": a(n.SETTINGS$SKILLS_ADD_MODAL_TITLE),
+		children: /* @__PURE__ */ m("div", {
+			"data-testid": "add-skill-modal",
+			className: "relative flex w-[520px] max-w-[90vw] max-h-[85vh] flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary",
+			children: [
+				/* @__PURE__ */ p(c, {
+					onClose: i,
+					testId: "add-skill-modal-close"
+				}),
+				/* @__PURE__ */ m("header", {
+					className: "flex-shrink-0 px-6 pb-4 pt-6",
+					children: [/* @__PURE__ */ p("h2", {
+						className: r("pr-6", s),
+						children: a(n.SETTINGS$SKILLS_ADD_MODAL_TITLE)
+					}), /* @__PURE__ */ p("p", {
+						className: "mt-4 text-sm text-tertiary-light",
+						children: a(n.SETTINGS$SKILLS_ADD_MODAL_INTRO)
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 custom-scrollbar",
+					children: [
+						/* @__PURE__ */ m("section", {
+							className: "flex flex-col gap-2",
+							children: [
+								/* @__PURE__ */ p("h3", {
+									className: "text-sm font-semibold text-foreground",
+									children: a(n.SETTINGS$SKILLS_ADD_MODAL_CHAT_TITLE)
+								}),
+								/* @__PURE__ */ p(y, { i18nKey: n.SETTINGS$SKILLS_ADD_MODAL_CHAT_BODY }),
+								/* @__PURE__ */ p("p", {
+									className: "text-xs text-tertiary-light",
+									children: a(n.SETTINGS$SKILLS_ADD_MODAL_EXAMPLE_LABEL)
+								}),
+								/* @__PURE__ */ p(v, {}),
+								/* @__PURE__ */ p("ol", {
+									className: "list-decimal space-y-1 pl-4 text-xs leading-relaxed text-tertiary-light",
+									children: h.map((t) => /* @__PURE__ */ p("li", { children: t === n.SETTINGS$SKILLS_ADD_MODAL_STEP_3 ? /* @__PURE__ */ p(e, {
+										ns: "openhands",
+										i18nKey: t,
+										components: g
+									}) : a(t) }, t))
+								})
+							]
+						}),
+						/* @__PURE__ */ m("section", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ p("h3", {
+								className: "text-sm font-semibold text-foreground",
+								children: a(n.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS_TITLE)
+							}), /* @__PURE__ */ p("p", {
+								className: "text-xs leading-relaxed text-tertiary-light",
+								children: a(n.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS)
+							})]
+						}),
+						/* @__PURE__ */ m("section", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ p("h3", {
+								className: "text-sm font-semibold text-foreground",
+								children: a(n.SETTINGS$SKILLS_ADD_MODAL_STORAGE_TITLE)
+							}), /* @__PURE__ */ p(y, { i18nKey: n.SETTINGS$SKILLS_ADD_MODAL_STORAGE_BODY })]
+						}),
+						/* @__PURE__ */ p(y, { i18nKey: n.SETTINGS$SKILLS_ADD_MODAL_PRIVATE_REPOS }),
+						/* @__PURE__ */ p("a", {
+							href: u,
+							target: "_blank",
+							rel: "noreferrer",
+							"data-testid": "add-skill-modal-docs-link",
+							className: "self-start text-xs text-[var(--oh-muted)] transition-colors hover:text-white hover:underline",
+							children: a(n.SETTINGS$SKILLS_ADD_MODAL_VIEW_DOCS)
+						})
+					]
+				}),
+				/* @__PURE__ */ p("footer", {
+					className: "flex flex-shrink-0 justify-end gap-2 px-6 pb-6 pt-4",
+					children: /* @__PURE__ */ p(l, {
+						type: "button",
+						variant: "secondary",
+						onClick: i,
+						testId: "add-skill-modal-dismiss",
+						children: a(n.BUTTON$CLOSE)
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { b as AddSkillModal };
+//# sourceMappingURL=add-skill-modal.js.map

package/dist/components/features/skills/add-skill-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"add-skill-modal.js","names":[],"sources":["../../../../src/components/features/skills/add-skill-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport {\n ADD_SKILL_DOCS_URL,\n ADD_SKILL_EXAMPLE_COMMAND,\n} from \"#/constants/skills-docs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleLgClassName } from \"#/utils/modal-classes\";\nimport CheckmarkIcon from \"#/icons/checkmark.svg?react\";\nimport CopyIcon from \"#/icons/copy.svg?react\";\n\ninterface AddSkillModalProps {\n onClose: () => void;\n}\n\nconst ADD_SKILL_STEP_KEYS = [\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_1,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_2,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_3,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_4,\n I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_5,\n] as const;\n\nconst ADD_SKILL_INLINE_CODE_COMPONENTS = {\n cmd: <InlineCodeChip />,\n path: <InlineCodeChip />,\n env: <InlineCodeChip />,\n};\n\nfunction InlineCodeChip({ children }: { children?: React.ReactNode }) {\n return (\n <code\n className={cn(\n \"mx-0.5 inline-block rounded-sm border border-[var(--oh-border-subtle)]\",\n \"bg-[var(--oh-surface-raised)] px-1.5 py-0.5 align-baseline font-mono text-[11px] text-white\",\n )}\n >\n {children}\n </code>\n );\n}\n\nfunction AddSkillExampleBlock() {\n const { t } = useTranslation(\"openhands\");\n const [copied, setCopied] = React.useState(false);\n\n const handleCopy = async () => {\n await navigator.clipboard.writeText(ADD_SKILL_EXAMPLE_COMMAND);\n setCopied(true);\n };\n\n React.useEffect(() => {\n if (!copied) return undefined;\n const timeout = setTimeout(() => setCopied(false), 2000);\n return () => clearTimeout(timeout);\n }, [copied]);\n\n return (\n <div className=\"relative\">\n <pre\n data-testid=\"add-skill-modal-example\"\n className={cn(\n \"overflow-x-auto rounded-sm border border-[var(--oh-border-subtle)]\",\n \"bg-[var(--oh-surface-raised)] p-2 pr-10 text-xs text-white\",\n )}\n >\n {ADD_SKILL_EXAMPLE_COMMAND}\n </pre>\n <button\n type=\"button\"\n data-testid=\"add-skill-modal-example-copy\"\n aria-label={t(copied ? I18nKey.BUTTON$COPIED : I18nKey.BUTTON$COPY)}\n disabled={copied}\n onClick={handleCopy}\n className={cn(\n \"absolute right-2 top-2 cursor-pointer rounded-sm border border-[var(--oh-border-subtle)]\",\n \"bg-base-secondary p-1 text-tertiary-alt transition-colors\",\n \"hover:bg-[var(--oh-surface)] hover:text-white disabled:cursor-default [&_path]:fill-current\",\n )}\n >\n {copied ? (\n <CheckmarkIcon width={14} height={14} />\n ) : (\n <CopyIcon width={14} height={14} />\n )}\n </button>\n </div>\n );\n}\n\nfunction AddSkillTransParagraph({\n i18nKey,\n}: {\n i18nKey:\n | typeof I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_BODY\n | typeof I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_BODY\n | typeof I18nKey.SETTINGS$SKILLS_ADD_MODAL_PRIVATE_REPOS;\n}) {\n return (\n <p className=\"text-xs leading-relaxed text-tertiary-light\">\n <Trans\n ns=\"openhands\"\n i18nKey={i18nKey}\n components={ADD_SKILL_INLINE_CODE_COMPONENTS}\n />\n </p>\n );\n}\n\nexport function AddSkillModal({ onClose }: AddSkillModalProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_TITLE)}\n >\n <div\n data-testid=\"add-skill-modal\"\n className=\"relative flex w-[520px] max-w-[90vw] max-h-[85vh] flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary\"\n >\n <ModalCloseButton onClose={onClose} testId=\"add-skill-modal-close\" />\n <header className=\"flex-shrink-0 px-6 pb-4 pt-6\">\n <h2 className={cn(\"pr-6\", modalTitleLgClassName)}>\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_TITLE)}\n </h2>\n <p className=\"mt-4 text-sm text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_INTRO)}\n </p>\n </header>\n\n <div className=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-6 custom-scrollbar\">\n <section className=\"flex flex-col gap-2\">\n <h3 className=\"text-sm font-semibold text-foreground\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_TITLE)}\n </h3>\n <AddSkillTransParagraph\n i18nKey={I18nKey.SETTINGS$SKILLS_ADD_MODAL_CHAT_BODY}\n />\n <p className=\"text-xs text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_EXAMPLE_LABEL)}\n </p>\n <AddSkillExampleBlock />\n <ol className=\"list-decimal space-y-1 pl-4 text-xs leading-relaxed text-tertiary-light\">\n {ADD_SKILL_STEP_KEYS.map((key) => (\n <li key={key}>\n {key === I18nKey.SETTINGS$SKILLS_ADD_MODAL_STEP_3 ? (\n <Trans\n ns=\"openhands\"\n i18nKey={key}\n components={ADD_SKILL_INLINE_CODE_COMPONENTS}\n />\n ) : (\n t(key)\n )}\n </li>\n ))}\n </ol>\n </section>\n\n <section className=\"flex flex-col gap-1\">\n <h3 className=\"text-sm font-semibold text-foreground\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS_TITLE)}\n </h3>\n <p className=\"text-xs leading-relaxed text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_URL_FORMATS)}\n </p>\n </section>\n\n <section className=\"flex flex-col gap-1\">\n <h3 className=\"text-sm font-semibold text-foreground\">\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_TITLE)}\n </h3>\n <AddSkillTransParagraph\n i18nKey={I18nKey.SETTINGS$SKILLS_ADD_MODAL_STORAGE_BODY}\n />\n </section>\n\n <AddSkillTransParagraph\n i18nKey={I18nKey.SETTINGS$SKILLS_ADD_MODAL_PRIVATE_REPOS}\n />\n\n <a\n href={ADD_SKILL_DOCS_URL}\n target=\"_blank\"\n rel=\"noreferrer\"\n data-testid=\"add-skill-modal-docs-link\"\n className=\"self-start text-xs text-[var(--oh-muted)] transition-colors hover:text-white hover:underline\"\n >\n {t(I18nKey.SETTINGS$SKILLS_ADD_MODAL_VIEW_DOCS)}\n </a>\n </div>\n\n <footer className=\"flex flex-shrink-0 justify-end gap-2 px-6 pb-6 pt-4\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"add-skill-modal-dismiss\"\n >\n {t(I18nKey.BUTTON$CLOSE)}\n </BrandButton>\n </footer>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/skills/build-skill-pills.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/utils.cjs"),r=require("./skill-card-pill-row.cjs"),i=require("./skill-type-badge.cjs"),a=require("../../../utils/skill-category.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e,t,n){if(e)return`${e}-${t}-${n}`}function l(e,o,l={}){let{variant:u=`card`,testIdPrefix:d}=l,f=a.getSkillCategory(e),p=[{id:`type-${e.type}`,node:(0,s.jsx)(i.SkillTypeBadge,{type:e.type})}];if(f!==`other`&&p.push({id:`category-${f}`,node:(0,s.jsx)(`span`,{"data-testid":c(d,e.name,`category`)??`skill-category-${e.name}`,className:r.SKILL_CARD_PILL_CLASS,children:o(a.SKILL_CATEGORY_LABEL_KEYS[f])})}),e.version&&p.push({id:`version-${e.version}`,node:(0,s.jsx)(`span`,{"data-testid":c(d,e.name,`version`)??`skill-version-${e.name}`,className:r.SKILL_CARD_PILL_CLASS,children:o(t.I18nKey.SETTINGS$SKILLS_VERSION,{version:e.version})})}),u===`detail`&&e.license&&p.push({id:`license-${e.license}`,node:(0,s.jsx)(`span`,{"data-testid":c(d,e.name,`license`),className:r.SKILL_CARD_PILL_CLASS,children:e.license})}),u===`detail`&&e.compatibility&&p.push({id:`compatibility-${e.compatibility}`,node:(0,s.jsx)(`span`,{"data-testid":c(d,e.name,`compatibility`),className:r.SKILL_CARD_PILL_CLASS,children:e.compatibility})}),e.disable_model_invocation&&p.push({id:`disable-model-invocation`,node:(0,s.jsxs)(`span`,{"data-testid":c(d,e.name,`disable-model-invocation`)??`skill-disable-model-invocation-${e.name}`,className:`inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border border-[rgba(248,113,113,0.35)] bg-[rgba(248,113,113,0.12)] px-2 py-0.5 text-[11px] font-medium leading-4 text-[#fca5a5]`,children:[(0,s.jsx)(`span`,{className:`size-1.5 rounded-full bg-[#fca5a5]`}),o(t.I18nKey.SETTINGS$SKILLS_DISABLE_MODEL_INVOCATION)]})}),u===`detail`&&e.allowed_tools)for(let t of e.allowed_tools)p.push({id:`allowed-tool-${t}`,node:(0,s.jsx)(`span`,{"data-testid":c(d,e.name,`tool-${t}`),className:n.cn(r.SKILL_CARD_PILL_CLASS,`font-mono`),children:t})});if(u===`detail`&&e.metadata)for(let[t,n]of Object.entries(e.metadata))p.push({id:`metadata-${t}`,node:(0,s.jsxs)(`span`,{"data-testid":c(d,e.name,`metadata-${t}`),className:r.SKILL_CARD_PILL_CLASS,children:[(0,s.jsxs)(`span`,{className:`font-mono text-[10px] text-tertiary-light`,children:[t,`:`]}),` `,n]})});for(let t of e.triggers??[])p.push({id:`trigger-${t}`,node:(0,s.jsx)(`span`,{"data-testid":c(d,e.name,`trigger-${t}`),className:r.SKILL_CARD_PILL_CLASS,children:t})});return p}exports.buildSkillPills=l;
2	+ //# sourceMappingURL=build-skill-pills.cjs.map

package/dist/components/features/skills/build-skill-pills.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"build-skill-pills.cjs","names":[],"sources":["../../../../src/components/features/skills/build-skill-pills.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TFunction } from \"i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport { SkillTypeBadge } from \"./skill-type-badge\";\nimport {\n SKILL_CARD_PILL_CLASS,\n type SkillCardPill,\n} from \"./skill-card-pill-row\";\nimport {\n getSkillCategory,\n SKILL_CATEGORY_LABEL_KEYS,\n UNCATEGORIZED_SKILL_CATEGORY,\n} from \"#/utils/skill-category\";\n\ntype SkillPillVariant = \"card\" | \"detail\";\n\ninterface BuildSkillPillsOptions {\n variant?: SkillPillVariant;\n testIdPrefix?: string;\n}\n\nfunction pillTestId(\n prefix: string | undefined,\n skillName: string,\n suffix: string,\n) {\n if (prefix) {\n return `${prefix}-${skillName}-${suffix}`;\n }\n return undefined;\n}\n\nexport function buildSkillPills(\n skill: SkillInfo,\n translate: TFunction,\n options: BuildSkillPillsOptions = {},\n): SkillCardPill[] {\n const { variant = \"card\", testIdPrefix } = options;\n const category = getSkillCategory(skill);\n const pills: SkillCardPill[] = [\n {\n id: `type-${skill.type}`,\n node: <SkillTypeBadge type={skill.type} />,\n },\n ];\n\n // An \"Other\" pill says nothing, and every local skill would carry one:\n // only the catalog assigns categories.\n if (category !== UNCATEGORIZED_SKILL_CATEGORY) {\n pills.push({\n id: `category-${category}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"category\") ??\n `skill-category-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(SKILL_CATEGORY_LABEL_KEYS[category])}\n </span>\n ),\n });\n }\n\n if (skill.version) {\n pills.push({\n id: `version-${skill.version}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"version\") ??\n `skill-version-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(I18nKey.SETTINGS$SKILLS_VERSION, {\n version: skill.version,\n })}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.license) {\n pills.push({\n id: `license-${skill.license}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"license\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.license}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.compatibility) {\n pills.push({\n id: `compatibility-${skill.compatibility}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"compatibility\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.compatibility}\n </span>\n ),\n });\n }\n\n if (skill.disable_model_invocation) {\n pills.push({\n id: \"disable-model-invocation\",\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"disable-model-invocation\") ??\n `skill-disable-model-invocation-${skill.name}`\n }\n className=\"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border border-[rgba(248,113,113,0.35)] bg-[rgba(248,113,113,0.12)] px-2 py-0.5 text-[11px] font-medium leading-4 text-[#fca5a5]\"\n >\n <span className=\"size-1.5 rounded-full bg-[#fca5a5]\" />\n {translate(I18nKey.SETTINGS$SKILLS_DISABLE_MODEL_INVOCATION)}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.allowed_tools) {\n for (const tool of skill.allowed_tools) {\n pills.push({\n id: `allowed-tool-${tool}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, `tool-${tool}`)}\n className={cn(SKILL_CARD_PILL_CLASS, \"font-mono\")}\n >\n {tool}\n </span>\n ),\n });\n }\n }\n\n if (variant === \"detail\" && skill.metadata) {\n for (const [key, value] of Object.entries(skill.metadata)) {\n pills.push({\n id: `metadata-${key}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `metadata-${key}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n <span className=\"font-mono text-[10px] text-tertiary-light\">\n {key}:\n </span>{\" \"}\n {value}\n </span>\n ),\n });\n }\n }\n\n for (const trigger of skill.triggers ?? []) {\n pills.push({\n id: `trigger-${trigger}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `trigger-${trigger}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n {trigger}\n </span>\n ),\n });\n }\n\n return pills;\n}\n"],"mappings":"iVAuBA,SAAS,EACP,EACA,EACA,EACA,CACA,GAAI,EACF,MAAO,GAAG,EAAO,GAAG,EAAU,GAAG,GAGrC,CAEA,SAAgB,EACd,EACA,EACA,EAAkC,CAAC,EAClB,CACjB,GAAM,CAAE,UAAU,OAAQ,gBAAiB,EACrC,EAAW,EAAA,iBAAiB,CAAK,EACjC,EAAyB,CAC7B,CACE,GAAI,QAAQ,EAAM,OAClB,MAAM,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAM,IAAO,CAAA,CAC3C,CACF,EAsFA,GAlFI,IAAA,SACF,EAAM,KAAK,CACT,GAAI,YAAY,IAChB,MACE,EAAA,EAAA,KAAC,OAAD,CACE,cACE,EAAW,EAAc,EAAM,KAAM,UAAU,GAC/C,kBAAkB,EAAM,OAE1B,UAAW,EAAA,+BAEV,EAAU,EAAA,0BAA0B,EAAS,CAC1C,CAAA,CAEV,CAAC,EAGC,EAAM,SACR,EAAM,KAAK,CACT,GAAI,WAAW,EAAM,UACrB,MACE,EAAA,EAAA,KAAC,OAAD,CACE,cACE,EAAW,EAAc,EAAM,KAAM,SAAS,GAC9C,iBAAiB,EAAM,OAEzB,UAAW,EAAA,+BAEV,EAAU,EAAA,QAAQ,wBAAyB,CAC1C,QAAS,EAAM,OACjB,CAAC,CACG,CAAA,CAEV,CAAC,EAGC,IAAY,UAAY,EAAM,SAChC,EAAM,KAAK,CACT,GAAI,WAAW,EAAM,UACrB,MACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,EAAW,EAAc,EAAM,KAAM,SAAS,EAC3D,UAAW,EAAA,+BAEV,EAAM,OACH,CAAA,CAEV,CAAC,EAGC,IAAY,UAAY,EAAM,eAChC,EAAM,KAAK,CACT,GAAI,iBAAiB,EAAM,gBAC3B,MACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,EAAW,EAAc,EAAM,KAAM,eAAe,EACjE,UAAW,EAAA,+BAEV,EAAM,aACH,CAAA,CAEV,CAAC,EAGC,EAAM,0BACR,EAAM,KAAK,CACT,GAAI,2BACJ,MACE,EAAA,EAAA,MAAC,OAAD,CACE,cACE,EAAW,EAAc,EAAM,KAAM,0BAA0B,GAC/D,kCAAkC,EAAM,OAE1C,UAAU,kNALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oCAAsC,CAAA,EACrD,EAAU,EAAA,QAAQ,wCAAwC,CACvD,GAEV,CAAC,EAGC,IAAY,UAAY,EAAM,cAChC,IAAK,IAAM,KAAQ,EAAM,cACvB,EAAM,KAAK,CACT,GAAI,gBAAgB,IACpB,MACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,EAAW,EAAc,EAAM,KAAM,QAAQ,GAAM,EAChE,UAAW,EAAA,GAAG,EAAA,sBAAuB,WAAW,WAE/C,CACG,CAAA,CAEV,CAAC,EAIL,GAAI,IAAY,UAAY,EAAM,SAChC,IAAK,GAAM,CAAC,EAAK,KAAU,OAAO,QAAQ,EAAM,QAAQ,EACtD,EAAM,KAAK,CACT,GAAI,YAAY,IAChB,MACE,EAAA,EAAA,MAAC,OAAD,CACE,cAAa,EACX,EACA,EAAM,KACN,YAAY,GACd,EACA,UAAW,EAAA,+BANb,EAQE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,qDAAhB,CACG,EAAI,GACD,IAAE,IACP,CACG,GAEV,CAAC,EAIL,IAAK,IAAM,KAAW,EAAM,UAAY,CAAC,EACvC,EAAM,KAAK,CACT,GAAI,WAAW,IACf,MACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAa,EACX,EACA,EAAM,KACN,WAAW,GACb,EACA,UAAW,EAAA,+BAEV,CACG,CAAA,CAEV,CAAC,EAGH,OAAO,CACT"}

package/dist/components/features/skills/build-skill-pills.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { I18nKey as e } from "../../../i18n/declaration.js";
+import { cn as t } from "../../../utils/utils.js";
+import { SKILL_CARD_PILL_CLASS as n } from "./skill-card-pill-row.js";
+import { SkillTypeBadge as r } from "./skill-type-badge.js";
+import { SKILL_CATEGORY_LABEL_KEYS as i, getSkillCategory as a } from "../../../utils/skill-category.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/features/skills/build-skill-pills.tsx
+function c(e, t, n) {
+	if (e) return `${e}-${t}-${n}`;
+}
+function l(l, u, d = {}) {
+	let { variant: f = "card", testIdPrefix: p } = d, m = a(l), h = [{
+		id: `type-${l.type}`,
+		node: /* @__PURE__ */ o(r, { type: l.type })
+	}];
+	if (m !== "other" && h.push({
+		id: `category-${m}`,
+		node: /* @__PURE__ */ o("span", {
+			"data-testid": c(p, l.name, "category") ?? `skill-category-${l.name}`,
+			className: n,
+			children: u(i[m])
+		})
+	}), l.version && h.push({
+		id: `version-${l.version}`,
+		node: /* @__PURE__ */ o("span", {
+			"data-testid": c(p, l.name, "version") ?? `skill-version-${l.name}`,
+			className: n,
+			children: u(e.SETTINGS$SKILLS_VERSION, { version: l.version })
+		})
+	}), f === "detail" && l.license && h.push({
+		id: `license-${l.license}`,
+		node: /* @__PURE__ */ o("span", {
+			"data-testid": c(p, l.name, "license"),
+			className: n,
+			children: l.license
+		})
+	}), f === "detail" && l.compatibility && h.push({
+		id: `compatibility-${l.compatibility}`,
+		node: /* @__PURE__ */ o("span", {
+			"data-testid": c(p, l.name, "compatibility"),
+			className: n,
+			children: l.compatibility
+		})
+	}), l.disable_model_invocation && h.push({
+		id: "disable-model-invocation",
+		node: /* @__PURE__ */ s("span", {
+			"data-testid": c(p, l.name, "disable-model-invocation") ?? `skill-disable-model-invocation-${l.name}`,
+			className: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border border-[rgba(248,113,113,0.35)] bg-[rgba(248,113,113,0.12)] px-2 py-0.5 text-[11px] font-medium leading-4 text-[#fca5a5]",
+			children: [/* @__PURE__ */ o("span", { className: "size-1.5 rounded-full bg-[#fca5a5]" }), u(e.SETTINGS$SKILLS_DISABLE_MODEL_INVOCATION)]
+		})
+	}), f === "detail" && l.allowed_tools) for (let e of l.allowed_tools) h.push({
+		id: `allowed-tool-${e}`,
+		node: /* @__PURE__ */ o("span", {
+			"data-testid": c(p, l.name, `tool-${e}`),
+			className: t(n, "font-mono"),
+			children: e
+		})
+	});
+	if (f === "detail" && l.metadata) for (let [e, t] of Object.entries(l.metadata)) h.push({
+		id: `metadata-${e}`,
+		node: /* @__PURE__ */ s("span", {
+			"data-testid": c(p, l.name, `metadata-${e}`),
+			className: n,
+			children: [
+				/* @__PURE__ */ s("span", {
+					className: "font-mono text-[10px] text-tertiary-light",
+					children: [e, ":"]
+				}),
+				" ",
+				t
+			]
+		})
+	});
+	for (let e of l.triggers ?? []) h.push({
+		id: `trigger-${e}`,
+		node: /* @__PURE__ */ o("span", {
+			"data-testid": c(p, l.name, `trigger-${e}`),
+			className: n,
+			children: e
+		})
+	});
+	return h;
+}
+//#endregion
+export { l as buildSkillPills };
+//# sourceMappingURL=build-skill-pills.js.map

package/dist/components/features/skills/build-skill-pills.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"build-skill-pills.js","names":[],"sources":["../../../../src/components/features/skills/build-skill-pills.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TFunction } from \"i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport { SkillTypeBadge } from \"./skill-type-badge\";\nimport {\n SKILL_CARD_PILL_CLASS,\n type SkillCardPill,\n} from \"./skill-card-pill-row\";\nimport {\n getSkillCategory,\n SKILL_CATEGORY_LABEL_KEYS,\n UNCATEGORIZED_SKILL_CATEGORY,\n} from \"#/utils/skill-category\";\n\ntype SkillPillVariant = \"card\" | \"detail\";\n\ninterface BuildSkillPillsOptions {\n variant?: SkillPillVariant;\n testIdPrefix?: string;\n}\n\nfunction pillTestId(\n prefix: string | undefined,\n skillName: string,\n suffix: string,\n) {\n if (prefix) {\n return `${prefix}-${skillName}-${suffix}`;\n }\n return undefined;\n}\n\nexport function buildSkillPills(\n skill: SkillInfo,\n translate: TFunction,\n options: BuildSkillPillsOptions = {},\n): SkillCardPill[] {\n const { variant = \"card\", testIdPrefix } = options;\n const category = getSkillCategory(skill);\n const pills: SkillCardPill[] = [\n {\n id: `type-${skill.type}`,\n node: <SkillTypeBadge type={skill.type} />,\n },\n ];\n\n // An \"Other\" pill says nothing, and every local skill would carry one:\n // only the catalog assigns categories.\n if (category !== UNCATEGORIZED_SKILL_CATEGORY) {\n pills.push({\n id: `category-${category}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"category\") ??\n `skill-category-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(SKILL_CATEGORY_LABEL_KEYS[category])}\n </span>\n ),\n });\n }\n\n if (skill.version) {\n pills.push({\n id: `version-${skill.version}`,\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"version\") ??\n `skill-version-${skill.name}`\n }\n className={SKILL_CARD_PILL_CLASS}\n >\n {translate(I18nKey.SETTINGS$SKILLS_VERSION, {\n version: skill.version,\n })}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.license) {\n pills.push({\n id: `license-${skill.license}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"license\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.license}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.compatibility) {\n pills.push({\n id: `compatibility-${skill.compatibility}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, \"compatibility\")}\n className={SKILL_CARD_PILL_CLASS}\n >\n {skill.compatibility}\n </span>\n ),\n });\n }\n\n if (skill.disable_model_invocation) {\n pills.push({\n id: \"disable-model-invocation\",\n node: (\n <span\n data-testid={\n pillTestId(testIdPrefix, skill.name, \"disable-model-invocation\") ??\n `skill-disable-model-invocation-${skill.name}`\n }\n className=\"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full border border-[rgba(248,113,113,0.35)] bg-[rgba(248,113,113,0.12)] px-2 py-0.5 text-[11px] font-medium leading-4 text-[#fca5a5]\"\n >\n <span className=\"size-1.5 rounded-full bg-[#fca5a5]\" />\n {translate(I18nKey.SETTINGS$SKILLS_DISABLE_MODEL_INVOCATION)}\n </span>\n ),\n });\n }\n\n if (variant === \"detail\" && skill.allowed_tools) {\n for (const tool of skill.allowed_tools) {\n pills.push({\n id: `allowed-tool-${tool}`,\n node: (\n <span\n data-testid={pillTestId(testIdPrefix, skill.name, `tool-${tool}`)}\n className={cn(SKILL_CARD_PILL_CLASS, \"font-mono\")}\n >\n {tool}\n </span>\n ),\n });\n }\n }\n\n if (variant === \"detail\" && skill.metadata) {\n for (const [key, value] of Object.entries(skill.metadata)) {\n pills.push({\n id: `metadata-${key}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `metadata-${key}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n <span className=\"font-mono text-[10px] text-tertiary-light\">\n {key}:\n </span>{\" \"}\n {value}\n </span>\n ),\n });\n }\n }\n\n for (const trigger of skill.triggers ?? []) {\n pills.push({\n id: `trigger-${trigger}`,\n node: (\n <span\n data-testid={pillTestId(\n testIdPrefix,\n skill.name,\n `trigger-${trigger}`,\n )}\n className={SKILL_CARD_PILL_CLASS}\n >\n {trigger}\n </span>\n ),\n });\n }\n\n return pills;\n}\n"],"mappings":";;;;;;;;AAuBA,SAAS,EACP,GACA,GACA,GACA;CACA,IAAI,GACF,OAAO,GAAG,EAAO,GAAG,EAAU,GAAG;AAGrC;AAEA,SAAgB,EACd,GACA,GACA,IAAkC,CAAC,GAClB;CACjB,IAAM,EAAE,aAAU,QAAQ,oBAAiB,GACrC,IAAW,EAAiB,CAAK,GACjC,IAAyB,CAC7B;EACE,IAAI,QAAQ,EAAM;EAClB,MAAM,kBAAC,GAAD,EAAgB,MAAM,EAAM,KAAO,CAAA;CAC3C,CACF;CAsFA,IAlFI,MAAA,WACF,EAAM,KAAK;EACT,IAAI,YAAY;EAChB,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,UAAU,KAC/C,kBAAkB,EAAM;GAE1B,WAAW;aAEV,EAAU,EAA0B,EAAS;EAC1C,CAAA;CAEV,CAAC,GAGC,EAAM,WACR,EAAM,KAAK;EACT,IAAI,WAAW,EAAM;EACrB,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,SAAS,KAC9C,iBAAiB,EAAM;GAEzB,WAAW;aAEV,EAAU,EAAQ,yBAAyB,EAC1C,SAAS,EAAM,QACjB,CAAC;EACG,CAAA;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,WAChC,EAAM,KAAK;EACT,IAAI,WAAW,EAAM;EACrB,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,SAAS;GAC3D,WAAW;aAEV,EAAM;EACH,CAAA;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,iBAChC,EAAM,KAAK;EACT,IAAI,iBAAiB,EAAM;EAC3B,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,eAAe;GACjE,WAAW;aAEV,EAAM;EACH,CAAA;CAEV,CAAC,GAGC,EAAM,4BACR,EAAM,KAAK;EACT,IAAI;EACJ,MACE,kBAAC,QAAD;GACE,eACE,EAAW,GAAc,EAAM,MAAM,0BAA0B,KAC/D,kCAAkC,EAAM;GAE1C,WAAU;aALZ,CAOE,kBAAC,QAAD,EAAM,WAAU,qCAAsC,CAAA,GACrD,EAAU,EAAQ,wCAAwC,CACvD;;CAEV,CAAC,GAGC,MAAY,YAAY,EAAM,eAChC,KAAK,IAAM,KAAQ,EAAM,eACvB,EAAM,KAAK;EACT,IAAI,gBAAgB;EACpB,MACE,kBAAC,QAAD;GACE,eAAa,EAAW,GAAc,EAAM,MAAM,QAAQ,GAAM;GAChE,WAAW,EAAG,GAAuB,WAAW;aAE/C;EACG,CAAA;CAEV,CAAC;CAIL,IAAI,MAAY,YAAY,EAAM,UAChC,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAM,QAAQ,GACtD,EAAM,KAAK;EACT,IAAI,YAAY;EAChB,MACE,kBAAC,QAAD;GACE,eAAa,EACX,GACA,EAAM,MACN,YAAY,GACd;GACA,WAAW;aANb;IAQE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,GAAI,GACD;;IAAE;IACP;GACG;;CAEV,CAAC;CAIL,KAAK,IAAM,KAAW,EAAM,YAAY,CAAC,GACvC,EAAM,KAAK;EACT,IAAI,WAAW;EACf,MACE,kBAAC,QAAD;GACE,eAAa,EACX,GACA,EAAM,MACN,WAAW,GACb;GACA,WAAW;aAEV;EACG,CAAA;CAEV,CAAC;CAGH,OAAO;AACT"}

package/dist/components/features/skills/get-skill-card-description.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");var e=/^---\r?\n([\s\S]?)\r?\n---\r?\n?/;function t(e){let t=e.match(/^description:\s\\|\s\r?\n((?:[ \t].(?:\r?\n\|$))+)/m);if(t)return t[1].replace(/^[ \t]+/gm,``).trim();let n=e.match(/^description:\s['"](.+?)['"]\s$/m);if(n)return n[1].trim();let r=e.match(/^description:\s(.+)\s$/m);return r?r[1].trim():null}function n(t){let n=t.match(e);return n?t.slice(n[0].length).trim():t.trim()}function r(e){let t=e.replace(/^#+\s+[^\n]+\n+/,``).trim();return t.split(/\n\s*\n/).map(e=>e.replace(/\s+/g,` `).trim()).find(e=>e.length>0)??t.replace(/\s+/g,` `).trim()}function i(i){let a=i.description?.trim();if(a)return a;let o=i.content?.trim();if(!o)return``;let s=o.match(e);if(s){let e=t(s[1]);if(e)return e}return r(n(o))}exports.getSkillCardDescription=i;
2	+ //# sourceMappingURL=get-skill-card-description.cjs.map

package/dist/components/features/skills/get-skill-card-description.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-skill-card-description.cjs","names":[],"sources":["../../../../src/components/features/skills/get-skill-card-description.ts"],"sourcesContent":["import type { SkillInfo } from \"#/types/settings\";\n\nconst FRONTMATTER_PATTERN = /^---\\r?\\n([\\s\\S]*?)\\r?\\n---\\r?\\n?/;\n\nfunction parseDescriptionFromFrontmatter(frontmatter: string): string | null {\n const blockMatch = frontmatter.match(\n /^description:\\s*\\|\\s*\\r?\\n((?:[ \\t].*(?:\\r?\\n|$))+)/m,\n );\n if (blockMatch) {\n return blockMatch[1]!.replace(/^[ \\t]+/gm, \"\").trim();\n }\n\n const quotedMatch = frontmatter.match(/^description:\\s*['\"](.+?)['\"]\\s*$/m);\n if (quotedMatch) {\n return quotedMatch[1]!.trim();\n }\n\n const inlineMatch = frontmatter.match(/^description:\\s*(.+)\\s*$/m);\n if (inlineMatch) {\n return inlineMatch[1]!.trim();\n }\n\n return null;\n}\n\nfunction stripFrontmatter(content: string): string {\n const match = content.match(FRONTMATTER_PATTERN);\n if (!match) return content.trim();\n return content.slice(match[0].length).trim();\n}\n\nfunction extractBodyPreview(body: string): string {\n const withoutTitle = body.replace(/^#+\\s+[^\\n]+\\n+/, \"\").trim();\n const paragraph =\n withoutTitle\n .split(/\\n\\s*\\n/)\n .map((part) => part.replace(/\\s+/g, \" \").trim())\n .find((part) => part.length > 0) ??\n withoutTitle.replace(/\\s+/g, \" \").trim();\n\n return paragraph;\n}\n\n/**\n * Subtitle text for skill cards: prefer API `description`, then YAML\n * frontmatter inside `content`, then the first body paragraph.\n */\nexport function getSkillCardDescription(skill: SkillInfo): string {\n const description = skill.description?.trim();\n if (description) return description;\n\n const content = skill.content?.trim();\n if (!content) return \"\";\n\n const frontmatterMatch = content.match(FRONTMATTER_PATTERN);\n if (frontmatterMatch) {\n const fromFrontmatter = parseDescriptionFromFrontmatter(\n frontmatterMatch[1]!,\n );\n if (fromFrontmatter) return fromFrontmatter;\n }\n\n return extractBodyPreview(stripFrontmatter(content));\n}\n"],"mappings":"mDAEA,IAAM,EAAsB,oCAE5B,SAAS,EAAgC,EAAoC,CAC3E,IAAM,EAAa,EAAY,MAC7B,sDACF,EACA,GAAI,EACF,OAAO,EAAW,GAAI,QAAQ,YAAa,EAAE,EAAE,KAAK,EAGtD,IAAM,EAAc,EAAY,MAAM,oCAAoC,EAC1E,GAAI,EACF,OAAO,EAAY,GAAI,KAAK,EAG9B,IAAM,EAAc,EAAY,MAAM,2BAA2B,EAKjE,OAJI,EACK,EAAY,GAAI,KAAK,EAGvB,IACT,CAEA,SAAS,EAAiB,EAAyB,CACjD,IAAM,EAAQ,EAAQ,MAAM,CAAmB,EAE/C,OADK,EACE,EAAQ,MAAM,EAAM,GAAG,MAAM,EAAE,KAAK,EADxB,EAAQ,KAAK,CAElC,CAEA,SAAS,EAAmB,EAAsB,CAChD,IAAM,EAAe,EAAK,QAAQ,kBAAmB,EAAE,EAAE,KAAK,EAQ9D,OANE,EACG,MAAM,SAAS,EACf,IAAK,GAAS,EAAK,QAAQ,OAAQ,GAAG,EAAE,KAAK,CAAC,EAC9C,KAAM,GAAS,EAAK,OAAS,CAAC,GACjC,EAAa,QAAQ,OAAQ,GAAG,EAAE,KAAK,CAG3C,CAMA,SAAgB,EAAwB,EAA0B,CAChE,IAAM,EAAc,EAAM,aAAa,KAAK,EAC5C,GAAI,EAAa,OAAO,EAExB,IAAM,EAAU,EAAM,SAAS,KAAK,EACpC,GAAI,CAAC,EAAS,MAAO,GAErB,IAAM,EAAmB,EAAQ,MAAM,CAAmB,EAC1D,GAAI,EAAkB,CACpB,IAAM,EAAkB,EACtB,EAAiB,EACnB,EACA,GAAI,EAAiB,OAAO,CAC9B,CAEA,OAAO,EAAmB,EAAiB,CAAO,CAAC,CACrD"}

package/dist/components/features/skills/get-skill-card-description.js ADDED Viewed

@@ -0,0 +1,34 @@
+//#region src/components/features/skills/get-skill-card-description.ts
+var e = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?/;
+function t(e) {
+	let t = e.match(/^description:\s*\|\s*\r?\n((?:[ \t].*(?:\r?\n|$))+)/m);
+	if (t) return t[1].replace(/^[ \t]+/gm, "").trim();
+	let n = e.match(/^description:\s*['"](.+?)['"]\s*$/m);
+	if (n) return n[1].trim();
+	let r = e.match(/^description:\s*(.+)\s*$/m);
+	return r ? r[1].trim() : null;
+}
+function n(t) {
+	let n = t.match(e);
+	return n ? t.slice(n[0].length).trim() : t.trim();
+}
+function r(e) {
+	let t = e.replace(/^#+\s+[^\n]+\n+/, "").trim();
+	return t.split(/\n\s*\n/).map((e) => e.replace(/\s+/g, " ").trim()).find((e) => e.length > 0) ?? t.replace(/\s+/g, " ").trim();
+}
+function i(i) {
+	let a = i.description?.trim();
+	if (a) return a;
+	let o = i.content?.trim();
+	if (!o) return "";
+	let s = o.match(e);
+	if (s) {
+		let e = t(s[1]);
+		if (e) return e;
+	}
+	return r(n(o));
+}
+//#endregion
+export { i as getSkillCardDescription };
+//# sourceMappingURL=get-skill-card-description.js.map

package/dist/components/features/skills/get-skill-card-description.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-skill-card-description.js","names":[],"sources":["../../../../src/components/features/skills/get-skill-card-description.ts"],"sourcesContent":["import type { SkillInfo } from \"#/types/settings\";\n\nconst FRONTMATTER_PATTERN = /^---\\r?\\n([\\s\\S]*?)\\r?\\n---\\r?\\n?/;\n\nfunction parseDescriptionFromFrontmatter(frontmatter: string): string | null {\n const blockMatch = frontmatter.match(\n /^description:\\s*\\|\\s*\\r?\\n((?:[ \\t].*(?:\\r?\\n|$))+)/m,\n );\n if (blockMatch) {\n return blockMatch[1]!.replace(/^[ \\t]+/gm, \"\").trim();\n }\n\n const quotedMatch = frontmatter.match(/^description:\\s*['\"](.+?)['\"]\\s*$/m);\n if (quotedMatch) {\n return quotedMatch[1]!.trim();\n }\n\n const inlineMatch = frontmatter.match(/^description:\\s*(.+)\\s*$/m);\n if (inlineMatch) {\n return inlineMatch[1]!.trim();\n }\n\n return null;\n}\n\nfunction stripFrontmatter(content: string): string {\n const match = content.match(FRONTMATTER_PATTERN);\n if (!match) return content.trim();\n return content.slice(match[0].length).trim();\n}\n\nfunction extractBodyPreview(body: string): string {\n const withoutTitle = body.replace(/^#+\\s+[^\\n]+\\n+/, \"\").trim();\n const paragraph =\n withoutTitle\n .split(/\\n\\s*\\n/)\n .map((part) => part.replace(/\\s+/g, \" \").trim())\n .find((part) => part.length > 0) ??\n withoutTitle.replace(/\\s+/g, \" \").trim();\n\n return paragraph;\n}\n\n/**\n * Subtitle text for skill cards: prefer API `description`, then YAML\n * frontmatter inside `content`, then the first body paragraph.\n */\nexport function getSkillCardDescription(skill: SkillInfo): string {\n const description = skill.description?.trim();\n if (description) return description;\n\n const content = skill.content?.trim();\n if (!content) return \"\";\n\n const frontmatterMatch = content.match(FRONTMATTER_PATTERN);\n if (frontmatterMatch) {\n const fromFrontmatter = parseDescriptionFromFrontmatter(\n frontmatterMatch[1]!,\n );\n if (fromFrontmatter) return fromFrontmatter;\n }\n\n return extractBodyPreview(stripFrontmatter(content));\n}\n"],"mappings":";AAEA,IAAM,IAAsB;AAE5B,SAAS,EAAgC,GAAoC;CAC3E,IAAM,IAAa,EAAY,MAC7B,sDACF;CACA,IAAI,GACF,OAAO,EAAW,GAAI,QAAQ,aAAa,EAAE,EAAE,KAAK;CAGtD,IAAM,IAAc,EAAY,MAAM,oCAAoC;CAC1E,IAAI,GACF,OAAO,EAAY,GAAI,KAAK;CAG9B,IAAM,IAAc,EAAY,MAAM,2BAA2B;CAKjE,OAJI,IACK,EAAY,GAAI,KAAK,IAGvB;AACT;AAEA,SAAS,EAAiB,GAAyB;CACjD,IAAM,IAAQ,EAAQ,MAAM,CAAmB;CAE/C,OADK,IACE,EAAQ,MAAM,EAAM,GAAG,MAAM,EAAE,KAAK,IADxB,EAAQ,KAAK;AAElC;AAEA,SAAS,EAAmB,GAAsB;CAChD,IAAM,IAAe,EAAK,QAAQ,mBAAmB,EAAE,EAAE,KAAK;CAQ9D,OANE,EACG,MAAM,SAAS,EACf,KAAK,MAAS,EAAK,QAAQ,QAAQ,GAAG,EAAE,KAAK,CAAC,EAC9C,MAAM,MAAS,EAAK,SAAS,CAAC,KACjC,EAAa,QAAQ,QAAQ,GAAG,EAAE,KAAK;AAG3C;AAMA,SAAgB,EAAwB,GAA0B;CAChE,IAAM,IAAc,EAAM,aAAa,KAAK;CAC5C,IAAI,GAAa,OAAO;CAExB,IAAM,IAAU,EAAM,SAAS,KAAK;CACpC,IAAI,CAAC,GAAS,OAAO;CAErB,IAAM,IAAmB,EAAQ,MAAM,CAAmB;CAC1D,IAAI,GAAkB;EACpB,IAAM,IAAkB,EACtB,EAAiB,EACnB;EACA,IAAI,GAAiB,OAAO;CAC9B;CAEA,OAAO,EAAmB,EAAiB,CAAO,CAAC;AACrD"}

package/dist/components/features/skills/get-skill-chat-launch-message.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../constants/skills-docs.cjs");function t(t){return t.name===`add-skill`?e.ADD_SKILL_EXAMPLE_COMMAND:`/${t.name} `}exports.getSkillChatLaunchMessage=t;
2	+ //# sourceMappingURL=get-skill-chat-launch-message.cjs.map

package/dist/components/features/skills/get-skill-chat-launch-message.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-skill-chat-launch-message.cjs","names":[],"sources":["../../../../src/components/features/skills/get-skill-chat-launch-message.ts"],"sourcesContent":["import {\n ADD_SKILL_EXAMPLE_COMMAND,\n ADD_SKILL_SKILL_NAME,\n} from \"#/constants/skills-docs\";\nimport type { SkillInfo } from \"#/types/settings\";\n\nexport function getSkillChatLaunchMessage(\n skill: Pick<SkillInfo, \"name\">,\n): string {\n if (skill.name === ADD_SKILL_SKILL_NAME) {\n return ADD_SKILL_EXAMPLE_COMMAND;\n }\n\n return `/${skill.name} `;\n}\n"],"mappings":"yGAMA,SAAgB,EACd,EACQ,CAKR,OAJI,EAAM,OAAA,YACD,EAAA,0BAGF,IAAI,EAAM,KAAK,EACxB"}

package/dist/components/features/skills/get-skill-chat-launch-message.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { ADD_SKILL_EXAMPLE_COMMAND as e } from "../../../constants/skills-docs.js";
+//#region src/components/features/skills/get-skill-chat-launch-message.ts
+function t(t) {
+	return t.name === "add-skill" ? e : `/${t.name} `;
+}
+//#endregion
+export { t as getSkillChatLaunchMessage };
+//# sourceMappingURL=get-skill-chat-launch-message.js.map

package/dist/components/features/skills/get-skill-chat-launch-message.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-skill-chat-launch-message.js","names":[],"sources":["../../../../src/components/features/skills/get-skill-chat-launch-message.ts"],"sourcesContent":["import {\n ADD_SKILL_EXAMPLE_COMMAND,\n ADD_SKILL_SKILL_NAME,\n} from \"#/constants/skills-docs\";\nimport type { SkillInfo } from \"#/types/settings\";\n\nexport function getSkillChatLaunchMessage(\n skill: Pick<SkillInfo, \"name\">,\n): string {\n if (skill.name === ADD_SKILL_SKILL_NAME) {\n return ADD_SKILL_EXAMPLE_COMMAND;\n }\n\n return `/${skill.name} `;\n}\n"],"mappings":";;AAMA,SAAgB,EACd,GACQ;CAKR,OAJI,EAAM,SAAA,cACD,IAGF,IAAI,EAAM,KAAK;AACxB"}

package/dist/components/features/skills/is-copyable-skill-source.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../../../_virtual/_rolldown/runtime.cjs");function e(e){let t=e?.trim();return t?!!(/^https?:\/\//i.test(t)\|\|t.startsWith(`/`)\|\|t.startsWith(`./`)\|\|t.startsWith(`../`)\|\|t.startsWith(`~`)\|\|/^[A-Za-z]:[\\/]/.test(t)\|\|t.includes(`/`)\|\|t.includes(`\\`)):!1}exports.isCopyableSkillSource=e;
2	+ //# sourceMappingURL=is-copyable-skill-source.cjs.map

package/dist/components/features/skills/is-copyable-skill-source.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"is-copyable-skill-source.cjs","names":[],"sources":["../../../../src/components/features/skills/is-copyable-skill-source.ts"],"sourcesContent":["/** True when `source` is a filesystem path or URL worth copying (not a scope label like \"global\"). */\nexport function isCopyableSkillSource(\n source: string | null | undefined,\n): boolean {\n const trimmed = source?.trim();\n if (!trimmed) return false;\n\n if (/^https?:\\/\\//i.test(trimmed)) return true;\n if (\n trimmed.startsWith(\"/\") ||\n trimmed.startsWith(\"./\") ||\n trimmed.startsWith(\"../\") ||\n trimmed.startsWith(\"~\")\n ) {\n return true;\n }\n if (/^[A-Za-z]:[\\\\/]/.test(trimmed)) return true;\n if (trimmed.includes(\"/\") || trimmed.includes(\"\\\\\")) return true;\n\n return false;\n}\n"],"mappings":"mDACA,SAAgB,EACd,EACS,CACT,IAAM,EAAU,GAAQ,KAAK,EAe7B,OAdK,EAYL,GAVI,gBAAgB,KAAK,CAAO,GAE9B,EAAQ,WAAW,GAAG,GACtB,EAAQ,WAAW,IAAI,GACvB,EAAQ,WAAW,KAAK,GACxB,EAAQ,WAAW,GAAG,GAIpB,kBAAkB,KAAK,CAAO,GAC9B,EAAQ,SAAS,GAAG,GAAK,EAAQ,SAAS,IAAI,GAZ7B,EAevB"}

package/dist/components/features/skills/is-copyable-skill-source.js ADDED Viewed

@@ -0,0 +1,9 @@
+//#region src/components/features/skills/is-copyable-skill-source.ts
+function e(e) {
+	let t = e?.trim();
+	return t ? !!(/^https?:\/\//i.test(t) || t.startsWith("/") || t.startsWith("./") || t.startsWith("../") || t.startsWith("~") || /^[A-Za-z]:[\\/]/.test(t) || t.includes("/") || t.includes("\\")) : !1;
+}
+//#endregion
+export { e as isCopyableSkillSource };
+//# sourceMappingURL=is-copyable-skill-source.js.map

package/dist/components/features/skills/is-copyable-skill-source.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"is-copyable-skill-source.js","names":[],"sources":["../../../../src/components/features/skills/is-copyable-skill-source.ts"],"sourcesContent":["/** True when `source` is a filesystem path or URL worth copying (not a scope label like \"global\"). */\nexport function isCopyableSkillSource(\n source: string | null | undefined,\n): boolean {\n const trimmed = source?.trim();\n if (!trimmed) return false;\n\n if (/^https?:\\/\\//i.test(trimmed)) return true;\n if (\n trimmed.startsWith(\"/\") ||\n trimmed.startsWith(\"./\") ||\n trimmed.startsWith(\"../\") ||\n trimmed.startsWith(\"~\")\n ) {\n return true;\n }\n if (/^[A-Za-z]:[\\\\/]/.test(trimmed)) return true;\n if (trimmed.includes(\"/\") || trimmed.includes(\"\\\\\")) return true;\n\n return false;\n}\n"],"mappings":";AACA,SAAgB,EACd,GACS;CACT,IAAM,IAAU,GAAQ,KAAK;CAe7B,OAdK,IAYL,GAVI,gBAAgB,KAAK,CAAO,KAE9B,EAAQ,WAAW,GAAG,KACtB,EAAQ,WAAW,IAAI,KACvB,EAAQ,WAAW,KAAK,KACxB,EAAQ,WAAW,GAAG,KAIpB,kBAAkB,KAAK,CAAO,KAC9B,EAAQ,SAAS,GAAG,KAAK,EAAQ,SAAS,IAAI,KAZ7B;AAevB"}