@openhands/agent-canvas 1.17.0 → 1.19.0

package/dist/hooks/query/use-provider-models.js

@@ -1,37 +1,46 @@
 import { useQuery as e } from "../../node_modules/@tanstack/react-query/build/modern/useQuery.js";
-import t from "../../api/config-service/config-service.api.js";
-import { VERIFIED_MODELS_GC_TIME as n, VERIFIED_MODELS_QUERY_KEY as r, VERIFIED_MODELS_STALE_TIME as i, fetchVerifiedModelsByProvider as a } from "./use-verified-models.js";
+import { useActiveBackend as t } from "../../contexts/active-backend-context.js";
+import n from "../../api/config-service/config-service.api.js";
+import { VERIFIED_MODELS_GC_TIME as r, VERIFIED_MODELS_QUERY_KEY as i, VERIFIED_MODELS_STALE_TIME as a, fetchVerifiedModelsByProvider as o } from "./use-verified-models.js";
 //#region src/hooks/query/use-provider-models.ts
-var o = 10;
-async function s(e, n, r, i = 0) {
-	if (i >= o) throw Error(`Too many pagination requests for provider ${e}`);
-	let a = await t.searchModels({
+var s = 10;
+async function c(e, t, r, i = 0) {
+	if (i >= s) throw Error(`Too many pagination requests for provider ${e}`);
+	let a = await n.searchModels({
 		provider__eq: e,
 		limit: 100,
 		page_id: r
-	}, n);
+	}, t);
 	if (a.next_page_id) {
-		let t = await s(e, n, a.next_page_id, i + 1);
-		return [...a.items, ...t];
+		let n = await c(e, t, a.next_page_id, i + 1);
+		return [...a.items, ...n];
 	}
 	return a.items;
 }
-var c = (t) => e({
-	queryKey: [
-		"config",
-		"models",
-		t
-	],
-	queryFn: async ({ client: e }) => s(t, await e.fetchQuery({
-		queryKey: r,
-		queryFn: a,
-		staleTime: i
-	})),
-	enabled: !!t,
-	staleTime: i,
-	gcTime: n
-});
+var l = (n) => {
+	let { backend: s, orgId: l } = t(), u = [
+		s.id,
+		s.connectionRevision ?? 0,
+		l
+	];
+	return e({
+		queryKey: [
+			"config",
+			"models",
+			n,
+			...u
+		],
+		queryFn: async ({ client: e }) => c(n, await e.fetchQuery({
+			queryKey: [...i, ...u],
+			queryFn: o,
+			staleTime: a
+		})),
+		enabled: !!n,
+		staleTime: a,
+		gcTime: r
+	});
+};
 //#endregion
-export { c as useProviderModels };
+export { l as useProviderModels };
 
 //# sourceMappingURL=use-provider-models.js.map

package/dist/hooks/query/use-provider-models.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-provider-models.js","names":[],"sources":["../../../src/hooks/query/use-provider-models.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport ConfigService from \"#/api/config-service/config-service.api\";\nimport type { LLMModel } from \"#/api/config-service/config-service.types\";\nimport {\n  VERIFIED_MODELS_GC_TIME,\n  VERIFIED_MODELS_QUERY_KEY,\n  VERIFIED_MODELS_STALE_TIME,\n  fetchVerifiedModelsByProvider,\n} from \"./use-verified-models\";\n\nconst MAX_PAGINATION_DEPTH = 10;\n\nasync function fetchPage(\n  provider: string,\n  verifiedByProvider: Record<string, string[]>,\n  pageId?: string,\n  depth = 0,\n): Promise<LLMModel[]> {\n  if (depth >= MAX_PAGINATION_DEPTH) {\n    throw new Error(`Too many pagination requests for provider ${provider}`);\n  }\n\n  const page = await ConfigService.searchModels(\n    {\n      provider__eq: provider,\n      limit: 100,\n      page_id: pageId,\n    },\n    verifiedByProvider,\n  );\n\n  if (page.next_page_id) {\n    const rest = await fetchPage(\n      provider,\n      verifiedByProvider,\n      page.next_page_id,\n      depth + 1,\n    );\n    return [...page.items, ...rest];\n  }\n  return page.items;\n}\n\nexport const useProviderModels = (provider: string | null) =>\n  useQuery({\n    queryKey: [\"config\", \"models\", provider],\n    queryFn: async ({ client }) => {\n      const verifiedByProvider = await client.fetchQuery({\n        queryKey: VERIFIED_MODELS_QUERY_KEY,\n        queryFn: fetchVerifiedModelsByProvider,\n        staleTime: VERIFIED_MODELS_STALE_TIME,\n      });\n      return fetchPage(provider!, verifiedByProvider);\n    },\n    enabled: !!provider,\n    staleTime: VERIFIED_MODELS_STALE_TIME,\n    gcTime: VERIFIED_MODELS_GC_TIME,\n  });\n"],"mappings":";;;;AAUA,IAAM,IAAuB;AAE7B,eAAe,EACb,GACA,GACA,GACA,IAAQ,GACa;CACrB,IAAI,KAAS,GACX,MAAU,MAAM,6CAA6C,GAAU;CAGzE,IAAM,IAAO,MAAM,EAAc,aAC/B;EACE,cAAc;EACd,OAAO;EACP,SAAS;CACX,GACA,CACF;CAEA,IAAI,EAAK,cAAc;EACrB,IAAM,IAAO,MAAM,EACjB,GACA,GACA,EAAK,cACL,IAAQ,CACV;EACA,OAAO,CAAC,GAAG,EAAK,OAAO,GAAG,CAAI;CAChC;CACA,OAAO,EAAK;AACd;AAEA,IAAa,KAAqB,MAChC,EAAS;CACP,UAAU;EAAC;EAAU;EAAU;CAAQ;CACvC,SAAS,OAAO,EAAE,gBAMT,EAAU,GAAW,MALK,EAAO,WAAW;EACjD,UAAU;EACV,SAAS;EACT,WAAW;CACb,CAAC,CAC6C;CAEhD,SAAS,CAAC,CAAC;CACX,WAAW;CACX,QAAQ;AACV,CAAC"}
+{"version":3,"file":"use-provider-models.js","names":[],"sources":["../../../src/hooks/query/use-provider-models.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport ConfigService from \"#/api/config-service/config-service.api\";\nimport type { LLMModel } from \"#/api/config-service/config-service.types\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  VERIFIED_MODELS_GC_TIME,\n  VERIFIED_MODELS_QUERY_KEY,\n  VERIFIED_MODELS_STALE_TIME,\n  fetchVerifiedModelsByProvider,\n} from \"./use-verified-models\";\n\nconst MAX_PAGINATION_DEPTH = 10;\n\nasync function fetchPage(\n  provider: string,\n  verifiedByProvider: Record<string, string[]>,\n  pageId?: string,\n  depth = 0,\n): Promise<LLMModel[]> {\n  if (depth >= MAX_PAGINATION_DEPTH) {\n    throw new Error(`Too many pagination requests for provider ${provider}`);\n  }\n\n  const page = await ConfigService.searchModels(\n    {\n      provider__eq: provider,\n      limit: 100,\n      page_id: pageId,\n    },\n    verifiedByProvider,\n  );\n\n  if (page.next_page_id) {\n    const rest = await fetchPage(\n      provider,\n      verifiedByProvider,\n      page.next_page_id,\n      depth + 1,\n    );\n    return [...page.items, ...rest];\n  }\n  return page.items;\n}\n\nexport const useProviderModels = (provider: string | null) => {\n  // `ActiveBackendProvider` deliberately does not blanket-invalidate on\n  // backend/org switches, so the query key must carry the active backend\n  // identity (id, connection revision, org id). Otherwise React Query serves\n  // the previous backend/org's cached page — including DB-driven `free`/\n  // `default`/`verified` flags — for the full stale window after a switch.\n  const { backend, orgId } = useActiveBackend();\n  const backendScope = [\n    backend.id,\n    backend.connectionRevision ?? 0,\n    orgId,\n  ] as const;\n\n  return useQuery({\n    queryKey: [\"config\", \"models\", provider, ...backendScope],\n    queryFn: async ({ client }) => {\n      const verifiedByProvider = await client.fetchQuery({\n        queryKey: [...VERIFIED_MODELS_QUERY_KEY, ...backendScope],\n        queryFn: fetchVerifiedModelsByProvider,\n        staleTime: VERIFIED_MODELS_STALE_TIME,\n      });\n      return fetchPage(provider!, verifiedByProvider);\n    },\n    enabled: !!provider,\n    staleTime: VERIFIED_MODELS_STALE_TIME,\n    gcTime: VERIFIED_MODELS_GC_TIME,\n  });\n};\n"],"mappings":";;;;;AAWA,IAAM,IAAuB;AAE7B,eAAe,EACb,GACA,GACA,GACA,IAAQ,GACa;CACrB,IAAI,KAAS,GACX,MAAU,MAAM,6CAA6C,GAAU;CAGzE,IAAM,IAAO,MAAM,EAAc,aAC/B;EACE,cAAc;EACd,OAAO;EACP,SAAS;CACX,GACA,CACF;CAEA,IAAI,EAAK,cAAc;EACrB,IAAM,IAAO,MAAM,EACjB,GACA,GACA,EAAK,cACL,IAAQ,CACV;EACA,OAAO,CAAC,GAAG,EAAK,OAAO,GAAG,CAAI;CAChC;CACA,OAAO,EAAK;AACd;AAEA,IAAa,KAAqB,MAA4B;CAM5D,IAAM,EAAE,YAAS,aAAU,EAAiB,GACtC,IAAe;EACnB,EAAQ;EACR,EAAQ,sBAAsB;EAC9B;CACF;CAEA,OAAO,EAAS;EACd,UAAU;GAAC;GAAU;GAAU;GAAU,GAAG;EAAY;EACxD,SAAS,OAAO,EAAE,gBAMT,EAAU,GAAW,MALK,EAAO,WAAW;GACjD,UAAU,CAAC,GAAG,GAA2B,GAAG,CAAY;GACxD,SAAS;GACT,WAAW;EACb,CAAC,CAC6C;EAEhD,SAAS,CAAC,CAAC;EACX,WAAW;EACX,QAAQ;CACV,CAAC;AACH"}

package/dist/hooks/query/use-search-providers.cjs

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs"),t=require("../../api/config-service/config-service.api.cjs"),n=require("./use-verified-models.cjs");var r=10;async function i(e,n,a,o){if(o>=r)throw Error(`Too many pagination requests while fetching providers (depth=${o})`);let s=await t.default.searchProviders(n?{page_id:n}:{},e);if(!s.next_page_id)return s.items;if(a.has(s.next_page_id))throw Error(`Repeated page id while fetching providers: ${s.next_page_id}`);a.add(s.next_page_id);let c=await i(e,s.next_page_id,a,o+1);return[...s.items,...c]}var a=()=>e.useQuery({queryKey:[`config`,`providers`],queryFn:async({client:e})=>i(await e.fetchQuery({queryKey:n.VERIFIED_MODELS_QUERY_KEY,queryFn:n.fetchVerifiedModelsByProvider,staleTime:n.VERIFIED_MODELS_STALE_TIME}),null,new Set,0),staleTime:n.VERIFIED_MODELS_STALE_TIME,gcTime:n.VERIFIED_MODELS_GC_TIME});exports.useSearchProviders=a;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/@tanstack/react-query/build/modern/useQuery.cjs"),t=require("../../contexts/active-backend-context.cjs"),n=require("../../api/config-service/config-service.api.cjs"),r=require("./use-verified-models.cjs");var i=10;async function a(e,t,r,o){if(o>=i)throw Error(`Too many pagination requests while fetching providers (depth=${o})`);let s=await n.default.searchProviders(t?{page_id:t}:{},e);if(!s.next_page_id)return s.items;if(r.has(s.next_page_id))throw Error(`Repeated page id while fetching providers: ${s.next_page_id}`);r.add(s.next_page_id);let c=await a(e,s.next_page_id,r,o+1);return[...s.items,...c]}var o=()=>{let{backend:n,orgId:i}=t.useActiveBackend(),o=[n.id,n.connectionRevision??0,i];return e.useQuery({queryKey:[`config`,`providers`,...o],queryFn:async({client:e})=>a(await e.fetchQuery({queryKey:[...r.VERIFIED_MODELS_QUERY_KEY,...o],queryFn:r.fetchVerifiedModelsByProvider,staleTime:r.VERIFIED_MODELS_STALE_TIME}),null,new Set,0),staleTime:r.VERIFIED_MODELS_STALE_TIME,gcTime:r.VERIFIED_MODELS_GC_TIME})};exports.useSearchProviders=o;
 //# sourceMappingURL=use-search-providers.cjs.map

package/dist/hooks/query/use-search-providers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-providers.cjs","names":[],"sources":["../../../src/hooks/query/use-search-providers.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport ConfigService from \"#/api/config-service/config-service.api\";\nimport type { LLMProvider } from \"#/api/config-service/config-service.types\";\nimport {\n  VERIFIED_MODELS_GC_TIME,\n  VERIFIED_MODELS_QUERY_KEY,\n  VERIFIED_MODELS_STALE_TIME,\n  fetchVerifiedModelsByProvider,\n} from \"./use-verified-models\";\n\n// Cloud backends paginate `/api/v1/config/providers/search` with a default\n// page size smaller than the provider list (~150 entries from litellm), so a\n// single-page fetch silently drops everything past the cut. Cap the walk\n// in case the cursor ever drifts (e.g. the cloud service returns an unstable\n// `next_page_id` that loops back).\nconst MAX_PAGINATION_DEPTH = 10;\n\nasync function fetchAllProviders(\n  verifiedByProvider: Record<string, string[]>,\n  pageId: string | null | undefined,\n  seenPageIds: Set<string>,\n  depth: number,\n): Promise<LLMProvider[]> {\n  if (depth >= MAX_PAGINATION_DEPTH) {\n    throw new Error(\n      `Too many pagination requests while fetching providers (depth=${depth})`,\n    );\n  }\n\n  const page = await ConfigService.searchProviders(\n    pageId ? { page_id: pageId } : {},\n    verifiedByProvider,\n  );\n\n  if (!page.next_page_id) {\n    return page.items;\n  }\n\n  // Cycle guard: the cloud backend is out of our control — if `next_page_id`\n  // repeats, refuse to hang the settings page. Mirrors `use-search-subdirs`.\n  if (seenPageIds.has(page.next_page_id)) {\n    throw new Error(\n      `Repeated page id while fetching providers: ${page.next_page_id}`,\n    );\n  }\n  seenPageIds.add(page.next_page_id);\n\n  const rest = await fetchAllProviders(\n    verifiedByProvider,\n    page.next_page_id,\n    seenPageIds,\n    depth + 1,\n  );\n  return [...page.items, ...rest];\n}\n\nexport const useSearchProviders = () =>\n  useQuery({\n    queryKey: [\"config\", \"providers\"],\n    queryFn: async ({ client }): Promise<LLMProvider[]> => {\n      const verifiedByProvider = await client.fetchQuery({\n        queryKey: VERIFIED_MODELS_QUERY_KEY,\n        queryFn: fetchVerifiedModelsByProvider,\n        staleTime: VERIFIED_MODELS_STALE_TIME,\n      });\n      // The local backend returns a single page with `next_page_id: null`\n      // so this loop is a no-op there; on the cloud backend it walks the\n      // cursor to exhaustion.\n      return fetchAllProviders(verifiedByProvider, null, new Set(), 0);\n    },\n    staleTime: VERIFIED_MODELS_STALE_TIME,\n    gcTime: VERIFIED_MODELS_GC_TIME,\n  });\n"],"mappings":"0OAeA,IAAM,EAAuB,GAE7B,eAAe,EACb,EACA,EACA,EACA,EACwB,CACxB,GAAI,GAAS,EACX,MAAU,MACR,gEAAgE,EAAM,EACxE,EAGF,IAAM,EAAO,MAAM,EAAA,QAAc,gBAC/B,EAAS,CAAE,QAAS,CAAO,EAAI,CAAC,EAChC,CACF,EAEA,GAAI,CAAC,EAAK,aACR,OAAO,EAAK,MAKd,GAAI,EAAY,IAAI,EAAK,YAAY,EACnC,MAAU,MACR,8CAA8C,EAAK,cACrD,EAEF,EAAY,IAAI,EAAK,YAAY,EAEjC,IAAM,EAAO,MAAM,EACjB,EACA,EAAK,aACL,EACA,EAAQ,CACV,EACA,MAAO,CAAC,GAAG,EAAK,MAAO,GAAG,CAAI,CAChC,CAEA,IAAa,MACX,EAAA,SAAS,CACP,SAAU,CAAC,SAAU,WAAW,EAChC,QAAS,MAAO,CAAE,YAST,EAAkB,MARQ,EAAO,WAAW,CACjD,SAAU,EAAA,0BACV,QAAS,EAAA,8BACT,UAAW,EAAA,0BACb,CAAC,EAI4C,KAAM,IAAI,IAAO,CAAC,EAEjE,UAAW,EAAA,2BACX,OAAQ,EAAA,uBACV,CAAC"}
+{"version":3,"file":"use-search-providers.cjs","names":[],"sources":["../../../src/hooks/query/use-search-providers.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport ConfigService from \"#/api/config-service/config-service.api\";\nimport type { LLMProvider } from \"#/api/config-service/config-service.types\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  VERIFIED_MODELS_GC_TIME,\n  VERIFIED_MODELS_QUERY_KEY,\n  VERIFIED_MODELS_STALE_TIME,\n  fetchVerifiedModelsByProvider,\n} from \"./use-verified-models\";\n\n// Cloud backends paginate `/api/v1/config/providers/search` with a default\n// page size smaller than the provider list (~150 entries from litellm), so a\n// single-page fetch silently drops everything past the cut. Cap the walk\n// in case the cursor ever drifts (e.g. the cloud service returns an unstable\n// `next_page_id` that loops back).\nconst MAX_PAGINATION_DEPTH = 10;\n\nasync function fetchAllProviders(\n  verifiedByProvider: Record<string, string[]>,\n  pageId: string | null | undefined,\n  seenPageIds: Set<string>,\n  depth: number,\n): Promise<LLMProvider[]> {\n  if (depth >= MAX_PAGINATION_DEPTH) {\n    throw new Error(\n      `Too many pagination requests while fetching providers (depth=${depth})`,\n    );\n  }\n\n  const page = await ConfigService.searchProviders(\n    pageId ? { page_id: pageId } : {},\n    verifiedByProvider,\n  );\n\n  if (!page.next_page_id) {\n    return page.items;\n  }\n\n  // Cycle guard: the cloud backend is out of our control — if `next_page_id`\n  // repeats, refuse to hang the settings page. Mirrors `use-search-subdirs`.\n  if (seenPageIds.has(page.next_page_id)) {\n    throw new Error(\n      `Repeated page id while fetching providers: ${page.next_page_id}`,\n    );\n  }\n  seenPageIds.add(page.next_page_id);\n\n  const rest = await fetchAllProviders(\n    verifiedByProvider,\n    page.next_page_id,\n    seenPageIds,\n    depth + 1,\n  );\n  return [...page.items, ...rest];\n}\n\nexport const useSearchProviders = () => {\n  // `ActiveBackendProvider` deliberately does not blanket-invalidate on\n  // backend/org switches, so the query key must carry the active backend\n  // identity (id, connection revision, org id). Otherwise React Query serves\n  // the previous backend/org's cached provider list — including DB-driven\n  // `verified` flags — for the full stale window after a switch.\n  const { backend, orgId } = useActiveBackend();\n  const backendScope = [\n    backend.id,\n    backend.connectionRevision ?? 0,\n    orgId,\n  ] as const;\n\n  return useQuery({\n    queryKey: [\"config\", \"providers\", ...backendScope],\n    queryFn: async ({ client }): Promise<LLMProvider[]> => {\n      const verifiedByProvider = await client.fetchQuery({\n        queryKey: [...VERIFIED_MODELS_QUERY_KEY, ...backendScope],\n        queryFn: fetchVerifiedModelsByProvider,\n        staleTime: VERIFIED_MODELS_STALE_TIME,\n      });\n      // The local backend returns a single page with `next_page_id: null`\n      // so this loop is a no-op there; on the cloud backend it walks the\n      // cursor to exhaustion.\n      return fetchAllProviders(verifiedByProvider, null, new Set(), 0);\n    },\n    staleTime: VERIFIED_MODELS_STALE_TIME,\n    gcTime: VERIFIED_MODELS_GC_TIME,\n  });\n};\n"],"mappings":"iSAgBA,IAAM,EAAuB,GAE7B,eAAe,EACb,EACA,EACA,EACA,EACwB,CACxB,GAAI,GAAS,EACX,MAAU,MACR,gEAAgE,EAAM,EACxE,EAGF,IAAM,EAAO,MAAM,EAAA,QAAc,gBAC/B,EAAS,CAAE,QAAS,CAAO,EAAI,CAAC,EAChC,CACF,EAEA,GAAI,CAAC,EAAK,aACR,OAAO,EAAK,MAKd,GAAI,EAAY,IAAI,EAAK,YAAY,EACnC,MAAU,MACR,8CAA8C,EAAK,cACrD,EAEF,EAAY,IAAI,EAAK,YAAY,EAEjC,IAAM,EAAO,MAAM,EACjB,EACA,EAAK,aACL,EACA,EAAQ,CACV,EACA,MAAO,CAAC,GAAG,EAAK,MAAO,GAAG,CAAI,CAChC,CAEA,IAAa,MAA2B,CAMtC,GAAM,CAAE,UAAS,SAAU,EAAA,iBAAiB,EACtC,EAAe,CACnB,EAAQ,GACR,EAAQ,oBAAsB,EAC9B,CACF,EAEA,OAAO,EAAA,SAAS,CACd,SAAU,CAAC,SAAU,YAAa,GAAG,CAAY,EACjD,QAAS,MAAO,CAAE,YAST,EAAkB,MARQ,EAAO,WAAW,CACjD,SAAU,CAAC,GAAG,EAAA,0BAA2B,GAAG,CAAY,EACxD,QAAS,EAAA,8BACT,UAAW,EAAA,0BACb,CAAC,EAI4C,KAAM,IAAI,IAAO,CAAC,EAEjE,UAAW,EAAA,2BACX,OAAQ,EAAA,uBACV,CAAC,CACH"}

package/dist/hooks/query/use-search-providers.js

@@ -1,28 +1,40 @@
 import { useQuery as e } from "../../node_modules/@tanstack/react-query/build/modern/useQuery.js";
-import t from "../../api/config-service/config-service.api.js";
-import { VERIFIED_MODELS_GC_TIME as n, VERIFIED_MODELS_QUERY_KEY as r, VERIFIED_MODELS_STALE_TIME as i, fetchVerifiedModelsByProvider as a } from "./use-verified-models.js";
+import { useActiveBackend as t } from "../../contexts/active-backend-context.js";
+import n from "../../api/config-service/config-service.api.js";
+import { VERIFIED_MODELS_GC_TIME as r, VERIFIED_MODELS_QUERY_KEY as i, VERIFIED_MODELS_STALE_TIME as a, fetchVerifiedModelsByProvider as o } from "./use-verified-models.js";
 //#region src/hooks/query/use-search-providers.ts
-var o = 10;
-async function s(e, n, r, i) {
-	if (i >= o) throw Error(`Too many pagination requests while fetching providers (depth=${i})`);
-	let a = await t.searchProviders(n ? { page_id: n } : {}, e);
+var s = 10;
+async function c(e, t, r, i) {
+	if (i >= s) throw Error(`Too many pagination requests while fetching providers (depth=${i})`);
+	let a = await n.searchProviders(t ? { page_id: t } : {}, e);
 	if (!a.next_page_id) return a.items;
 	if (r.has(a.next_page_id)) throw Error(`Repeated page id while fetching providers: ${a.next_page_id}`);
 	r.add(a.next_page_id);
-	let c = await s(e, a.next_page_id, r, i + 1);
-	return [...a.items, ...c];
+	let o = await c(e, a.next_page_id, r, i + 1);
+	return [...a.items, ...o];
 }
-var c = () => e({
-	queryKey: ["config", "providers"],
-	queryFn: async ({ client: e }) => s(await e.fetchQuery({
-		queryKey: r,
-		queryFn: a,
-		staleTime: i
-	}), null, /* @__PURE__ */ new Set(), 0),
-	staleTime: i,
-	gcTime: n
-});
+var l = () => {
+	let { backend: n, orgId: s } = t(), l = [
+		n.id,
+		n.connectionRevision ?? 0,
+		s
+	];
+	return e({
+		queryKey: [
+			"config",
+			"providers",
+			...l
+		],
+		queryFn: async ({ client: e }) => c(await e.fetchQuery({
+			queryKey: [...i, ...l],
+			queryFn: o,
+			staleTime: a
+		}), null, /* @__PURE__ */ new Set(), 0),
+		staleTime: a,
+		gcTime: r
+	});
+};
 //#endregion
-export { c as useSearchProviders };
+export { l as useSearchProviders };
 
 //# sourceMappingURL=use-search-providers.js.map

package/dist/hooks/query/use-search-providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-providers.js","names":[],"sources":["../../../src/hooks/query/use-search-providers.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport ConfigService from \"#/api/config-service/config-service.api\";\nimport type { LLMProvider } from \"#/api/config-service/config-service.types\";\nimport {\n  VERIFIED_MODELS_GC_TIME,\n  VERIFIED_MODELS_QUERY_KEY,\n  VERIFIED_MODELS_STALE_TIME,\n  fetchVerifiedModelsByProvider,\n} from \"./use-verified-models\";\n\n// Cloud backends paginate `/api/v1/config/providers/search` with a default\n// page size smaller than the provider list (~150 entries from litellm), so a\n// single-page fetch silently drops everything past the cut. Cap the walk\n// in case the cursor ever drifts (e.g. the cloud service returns an unstable\n// `next_page_id` that loops back).\nconst MAX_PAGINATION_DEPTH = 10;\n\nasync function fetchAllProviders(\n  verifiedByProvider: Record<string, string[]>,\n  pageId: string | null | undefined,\n  seenPageIds: Set<string>,\n  depth: number,\n): Promise<LLMProvider[]> {\n  if (depth >= MAX_PAGINATION_DEPTH) {\n    throw new Error(\n      `Too many pagination requests while fetching providers (depth=${depth})`,\n    );\n  }\n\n  const page = await ConfigService.searchProviders(\n    pageId ? { page_id: pageId } : {},\n    verifiedByProvider,\n  );\n\n  if (!page.next_page_id) {\n    return page.items;\n  }\n\n  // Cycle guard: the cloud backend is out of our control — if `next_page_id`\n  // repeats, refuse to hang the settings page. Mirrors `use-search-subdirs`.\n  if (seenPageIds.has(page.next_page_id)) {\n    throw new Error(\n      `Repeated page id while fetching providers: ${page.next_page_id}`,\n    );\n  }\n  seenPageIds.add(page.next_page_id);\n\n  const rest = await fetchAllProviders(\n    verifiedByProvider,\n    page.next_page_id,\n    seenPageIds,\n    depth + 1,\n  );\n  return [...page.items, ...rest];\n}\n\nexport const useSearchProviders = () =>\n  useQuery({\n    queryKey: [\"config\", \"providers\"],\n    queryFn: async ({ client }): Promise<LLMProvider[]> => {\n      const verifiedByProvider = await client.fetchQuery({\n        queryKey: VERIFIED_MODELS_QUERY_KEY,\n        queryFn: fetchVerifiedModelsByProvider,\n        staleTime: VERIFIED_MODELS_STALE_TIME,\n      });\n      // The local backend returns a single page with `next_page_id: null`\n      // so this loop is a no-op there; on the cloud backend it walks the\n      // cursor to exhaustion.\n      return fetchAllProviders(verifiedByProvider, null, new Set(), 0);\n    },\n    staleTime: VERIFIED_MODELS_STALE_TIME,\n    gcTime: VERIFIED_MODELS_GC_TIME,\n  });\n"],"mappings":";;;;AAeA,IAAM,IAAuB;AAE7B,eAAe,EACb,GACA,GACA,GACA,GACwB;CACxB,IAAI,KAAS,GACX,MAAU,MACR,gEAAgE,EAAM,EACxE;CAGF,IAAM,IAAO,MAAM,EAAc,gBAC/B,IAAS,EAAE,SAAS,EAAO,IAAI,CAAC,GAChC,CACF;CAEA,IAAI,CAAC,EAAK,cACR,OAAO,EAAK;CAKd,IAAI,EAAY,IAAI,EAAK,YAAY,GACnC,MAAU,MACR,8CAA8C,EAAK,cACrD;CAEF,EAAY,IAAI,EAAK,YAAY;CAEjC,IAAM,IAAO,MAAM,EACjB,GACA,EAAK,cACL,GACA,IAAQ,CACV;CACA,OAAO,CAAC,GAAG,EAAK,OAAO,GAAG,CAAI;AAChC;AAEA,IAAa,UACX,EAAS;CACP,UAAU,CAAC,UAAU,WAAW;CAChC,SAAS,OAAO,EAAE,gBAST,EAAkB,MARQ,EAAO,WAAW;EACjD,UAAU;EACV,SAAS;EACT,WAAW;CACb,CAAC,GAI4C,sBAAM,IAAI,IAAI,GAAG,CAAC;CAEjE,WAAW;CACX,QAAQ;AACV,CAAC"}
+{"version":3,"file":"use-search-providers.js","names":[],"sources":["../../../src/hooks/query/use-search-providers.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\nimport ConfigService from \"#/api/config-service/config-service.api\";\nimport type { LLMProvider } from \"#/api/config-service/config-service.types\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  VERIFIED_MODELS_GC_TIME,\n  VERIFIED_MODELS_QUERY_KEY,\n  VERIFIED_MODELS_STALE_TIME,\n  fetchVerifiedModelsByProvider,\n} from \"./use-verified-models\";\n\n// Cloud backends paginate `/api/v1/config/providers/search` with a default\n// page size smaller than the provider list (~150 entries from litellm), so a\n// single-page fetch silently drops everything past the cut. Cap the walk\n// in case the cursor ever drifts (e.g. the cloud service returns an unstable\n// `next_page_id` that loops back).\nconst MAX_PAGINATION_DEPTH = 10;\n\nasync function fetchAllProviders(\n  verifiedByProvider: Record<string, string[]>,\n  pageId: string | null | undefined,\n  seenPageIds: Set<string>,\n  depth: number,\n): Promise<LLMProvider[]> {\n  if (depth >= MAX_PAGINATION_DEPTH) {\n    throw new Error(\n      `Too many pagination requests while fetching providers (depth=${depth})`,\n    );\n  }\n\n  const page = await ConfigService.searchProviders(\n    pageId ? { page_id: pageId } : {},\n    verifiedByProvider,\n  );\n\n  if (!page.next_page_id) {\n    return page.items;\n  }\n\n  // Cycle guard: the cloud backend is out of our control — if `next_page_id`\n  // repeats, refuse to hang the settings page. Mirrors `use-search-subdirs`.\n  if (seenPageIds.has(page.next_page_id)) {\n    throw new Error(\n      `Repeated page id while fetching providers: ${page.next_page_id}`,\n    );\n  }\n  seenPageIds.add(page.next_page_id);\n\n  const rest = await fetchAllProviders(\n    verifiedByProvider,\n    page.next_page_id,\n    seenPageIds,\n    depth + 1,\n  );\n  return [...page.items, ...rest];\n}\n\nexport const useSearchProviders = () => {\n  // `ActiveBackendProvider` deliberately does not blanket-invalidate on\n  // backend/org switches, so the query key must carry the active backend\n  // identity (id, connection revision, org id). Otherwise React Query serves\n  // the previous backend/org's cached provider list — including DB-driven\n  // `verified` flags — for the full stale window after a switch.\n  const { backend, orgId } = useActiveBackend();\n  const backendScope = [\n    backend.id,\n    backend.connectionRevision ?? 0,\n    orgId,\n  ] as const;\n\n  return useQuery({\n    queryKey: [\"config\", \"providers\", ...backendScope],\n    queryFn: async ({ client }): Promise<LLMProvider[]> => {\n      const verifiedByProvider = await client.fetchQuery({\n        queryKey: [...VERIFIED_MODELS_QUERY_KEY, ...backendScope],\n        queryFn: fetchVerifiedModelsByProvider,\n        staleTime: VERIFIED_MODELS_STALE_TIME,\n      });\n      // The local backend returns a single page with `next_page_id: null`\n      // so this loop is a no-op there; on the cloud backend it walks the\n      // cursor to exhaustion.\n      return fetchAllProviders(verifiedByProvider, null, new Set(), 0);\n    },\n    staleTime: VERIFIED_MODELS_STALE_TIME,\n    gcTime: VERIFIED_MODELS_GC_TIME,\n  });\n};\n"],"mappings":";;;;;AAgBA,IAAM,IAAuB;AAE7B,eAAe,EACb,GACA,GACA,GACA,GACwB;CACxB,IAAI,KAAS,GACX,MAAU,MACR,gEAAgE,EAAM,EACxE;CAGF,IAAM,IAAO,MAAM,EAAc,gBAC/B,IAAS,EAAE,SAAS,EAAO,IAAI,CAAC,GAChC,CACF;CAEA,IAAI,CAAC,EAAK,cACR,OAAO,EAAK;CAKd,IAAI,EAAY,IAAI,EAAK,YAAY,GACnC,MAAU,MACR,8CAA8C,EAAK,cACrD;CAEF,EAAY,IAAI,EAAK,YAAY;CAEjC,IAAM,IAAO,MAAM,EACjB,GACA,EAAK,cACL,GACA,IAAQ,CACV;CACA,OAAO,CAAC,GAAG,EAAK,OAAO,GAAG,CAAI;AAChC;AAEA,IAAa,UAA2B;CAMtC,IAAM,EAAE,YAAS,aAAU,EAAiB,GACtC,IAAe;EACnB,EAAQ;EACR,EAAQ,sBAAsB;EAC9B;CACF;CAEA,OAAO,EAAS;EACd,UAAU;GAAC;GAAU;GAAa,GAAG;EAAY;EACjD,SAAS,OAAO,EAAE,gBAST,EAAkB,MARQ,EAAO,WAAW;GACjD,UAAU,CAAC,GAAG,GAA2B,GAAG,CAAY;GACxD,SAAS;GACT,WAAW;EACb,CAAC,GAI4C,sBAAM,IAAI,IAAI,GAAG,CAAC;EAEjE,WAAW;EACX,QAAQ;CACV,CAAC;AACH"}

package/dist/hooks/use-drag-resize.cjs

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs"),require("../utils/constants.cjs");const e=require("../utils/utils.cjs");var t=2,n=120,r=()=>{let e=document.getElementById(`resize-grip`)?.parentElement??null;return e?e.getBoundingClientRect().bottom>=window.innerHeight-n:!0},i=({elementRef:n,minHeight:i,maxHeight:a,onGripDragStart:o,onGripDragEnd:s,onHeightChange:c,onReachedMinHeight:l})=>{let u=e=>`touches`in e&&e.touches.length>0?e.touches[0].clientY:e.clientY,d=(e,t)=>{let n=document.getElementById(`resize-grip`);n&&(n.addEventListener(`touchmove`,e,{passive:!1,capture:!0}),n.addEventListener(`touchend`,t,{capture:!0}))},f=(e,t)=>{document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t)},p=r=>{let p=e.isMobileDevice(),m=n.current?.offsetHeight||i,h=!1,g=e=>{if(e.preventDefault(),!h){let n=u(e);if(Math.abs(n-r)<t)return;h=!0,o?.()}let s=u(e)-r,d=Math.max(i,Math.min(a,m-s)),f=n.current;if(!f)return;f.style.height=`${d}px`;let p=f.scrollHeight>d||d>=a;f.style.overflowY=p?`auto`:`hidden`,c&&c(d),l&&Math.abs(d-i)<=1.5&&l()},_=()=>{if(h&&s?.(),p){let e=document.getElementById(`resize-grip`);if(!e)return;e.removeEventListener(`mousemove`,g),e.removeEventListener(`mouseup`,_),e.removeEventListener(`touchmove`,g),e.removeEventListener(`touchend`,_)}else document.removeEventListener(`mousemove`,g),document.removeEventListener(`mouseup`,_),document.removeEventListener(`touchmove`,g),document.removeEventListener(`touchend`,_)};p?d(g,_):f(g,_)};return{handleGripMouseDown:e=>{e.preventDefault(),r()&&p(e.clientY)},handleGripTouchStart:e=>{e.preventDefault(),r()&&p(e.touches[0].clientY)}}};exports.isBottomAnchored=r,exports.useDragResize=i;
+require("../_virtual/_rolldown/runtime.cjs"),require("../utils/constants.cjs");const e=require("../utils/utils.cjs");var t=2,n=120,r=()=>{let e=document.getElementById(`resize-grip`)?.parentElement??null;return e?e.getBoundingClientRect().bottom>=window.innerHeight-n:!0},i=({elementRef:n,minHeight:i,maxHeight:a,onGripDragStart:o,onGripDragEnd:s,onHeightChange:c,onReachedMinHeight:l})=>{let u=e=>`touches`in e&&e.touches.length>0?e.touches[0].clientY:e.clientY,d=(e,t)=>{let n=document.getElementById(`resize-grip`);if(n)return n.addEventListener(`touchmove`,e,{passive:!1,capture:!0}),n.addEventListener(`touchend`,t,{capture:!0}),n},f=(e,t)=>{document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t)},p=r=>{let p=e.isMobileDevice(),m=n.current?.offsetHeight||i,h=!1,g,_=e=>{if(e.preventDefault(),!h){let n=u(e);if(Math.abs(n-r)<t)return;h=!0,o?.()}let s=u(e)-r,d=Math.max(i,Math.min(a,m-s)),f=n.current;if(!f)return;f.style.height=`${d}px`;let p=f.scrollHeight>d||d>=a;f.style.overflowY=p?`auto`:`hidden`,c&&c(d),l&&Math.abs(d-i)<=1.5&&l()},v=()=>{if(h&&s?.(),p){if(!g)return;g.removeEventListener(`touchmove`,_,!0),g.removeEventListener(`touchend`,v,!0)}else document.removeEventListener(`mousemove`,_),document.removeEventListener(`mouseup`,v),document.removeEventListener(`touchmove`,_),document.removeEventListener(`touchend`,v)};p?g=d(_,v):f(_,v)};return{handleGripMouseDown:e=>{e.preventDefault(),r()&&p(e.clientY)},handleGripTouchStart:e=>{e.preventDefault(),r()&&p(e.touches[0].clientY)}}};exports.isBottomAnchored=r,exports.useDragResize=i;
 //# sourceMappingURL=use-drag-resize.cjs.map

package/dist/hooks/use-drag-resize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-resize.cjs","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        const resizeGrip = document.getElementById(\"resize-grip\");\n        if (!resizeGrip) {\n          return;\n        }\n\n        // Remove both mouse and touch event listeners\n        resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n        resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":"qHASA,IAAM,EAAiB,EAWjB,EAA4B,IASrB,MAAkC,CAE7C,IAAM,EADO,SAAS,eAAe,aACrB,GAAM,eAAiB,KAGvC,OAFK,EACQ,EAAQ,sBACd,EAAK,QAAU,OAAO,YAAc,EAFtB,EAGvB,EAaa,GAAiB,CAC5B,aACA,YACA,YACA,kBACA,gBACA,iBACA,wBAC0B,CAC1B,IAAM,EAAc,GACd,YAAa,GAAS,EAAM,QAAQ,OAAS,EACxC,EAAM,QAAQ,GAAG,QAElB,EAAqB,QAIzB,GACJ,EACA,IACG,CACH,IAAM,EAAa,SAAS,eAAe,aAAa,EAEnD,IAIL,EAAW,iBAAiB,YAAa,EAAgB,CACvD,QAAS,GACT,QAAS,EACX,CAAC,EACD,EAAW,iBAAiB,WAAY,EAAe,CACrD,QAAS,EACX,CAAC,EACH,EAGM,GACJ,EACA,IACG,CACH,SAAS,iBAAiB,YAAa,CAAc,EACrD,SAAS,iBAAiB,UAAW,CAAa,CACpD,EAGM,EAAa,GAAmB,CACpC,IAAM,EAAW,EAAA,eAAe,EAC1B,EAAc,EAAW,SAAS,cAAgB,EACpD,EAAgB,GAEd,EAAkB,GAAuC,CAG7D,GAFA,EAAU,eAAe,EAErB,CAAC,EAAe,CAClB,IAAM,EAAI,EAAW,CAAS,EAC9B,GAAI,KAAK,IAAI,EAAI,CAAM,EAAI,EACzB,OAEF,EAAgB,GAChB,IAAkB,CACpB,CAEA,IAAM,EAAS,EAAW,CAAS,EAAI,EAEjC,EAAY,KAAK,IACrB,EACA,KAAK,IAAI,EAAW,EAAc,CAAM,CAC1C,EAEM,EAAU,EAAW,QAE3B,GAAI,CAAC,EACH,OAGF,EAAQ,MAAM,OAAS,GAAG,EAAU,IAIpC,IAAM,EADgB,EAAQ,aAEZ,GAAa,GAAa,EAC5C,EAAQ,MAAM,UAAY,EAAsB,OAAS,SAGrD,GACF,EAAe,CAAS,EAItB,GAAsB,KAAK,IAAI,EAAY,CAAS,GAAA,KACtD,EAAmB,CAEvB,EAEM,MAAsB,CAK1B,GAJI,GACF,IAAgB,EAGd,EAAU,CACZ,IAAM,EAAa,SAAS,eAAe,aAAa,EACxD,GAAI,CAAC,EACH,OAIF,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,UAAW,CAAa,EACvD,EAAW,oBAAoB,YAAa,CAAc,EAC1D,EAAW,oBAAoB,WAAY,CAAa,CAC1D,MACE,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,UAAW,CAAa,EACrD,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,WAAY,CAAa,CAE1D,EAGI,EACF,EAA0B,EAAgB,CAAa,EAEvD,EAA2B,EAAgB,CAAa,CAE5D,EAmBA,MAAO,CACL,oBAjB2B,GAAuB,CAClD,EAAE,eAAe,EAIZ,EAAiB,GACtB,EAAU,EAAE,OAAO,CACrB,EAWE,qBAR4B,GAAuB,CACnD,EAAE,eAAe,EACZ,EAAiB,GACtB,EAAU,EAAE,QAAQ,GAAG,OAAO,CAChC,CAKA,CACF"}
+{"version":3,"file":"use-drag-resize.cjs","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n    return resizeGrip;\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n    let resizeGrip: HTMLElement | undefined;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        if (!resizeGrip) {\n          return;\n        }\n\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove, true);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd, true);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      resizeGrip = setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":"qHASA,IAAM,EAAiB,EAWjB,EAA4B,IASrB,MAAkC,CAE7C,IAAM,EADO,SAAS,eAAe,aACrB,GAAM,eAAiB,KAGvC,OAFK,EACQ,EAAQ,sBACd,EAAK,QAAU,OAAO,YAAc,EAFtB,EAGvB,EAaa,GAAiB,CAC5B,aACA,YACA,YACA,kBACA,gBACA,iBACA,wBAC0B,CAC1B,IAAM,EAAc,GACd,YAAa,GAAS,EAAM,QAAQ,OAAS,EACxC,EAAM,QAAQ,GAAG,QAElB,EAAqB,QAIzB,GACJ,EACA,IACG,CACH,IAAM,EAAa,SAAS,eAAe,aAAa,EAEnD,KAWL,OAPA,EAAW,iBAAiB,YAAa,EAAgB,CACvD,QAAS,GACT,QAAS,EACX,CAAC,EACD,EAAW,iBAAiB,WAAY,EAAe,CACrD,QAAS,EACX,CAAC,EACM,CACT,EAGM,GACJ,EACA,IACG,CACH,SAAS,iBAAiB,YAAa,CAAc,EACrD,SAAS,iBAAiB,UAAW,CAAa,CACpD,EAGM,EAAa,GAAmB,CACpC,IAAM,EAAW,EAAA,eAAe,EAC1B,EAAc,EAAW,SAAS,cAAgB,EACpD,EAAgB,GAChB,EAEE,EAAkB,GAAuC,CAG7D,GAFA,EAAU,eAAe,EAErB,CAAC,EAAe,CAClB,IAAM,EAAI,EAAW,CAAS,EAC9B,GAAI,KAAK,IAAI,EAAI,CAAM,EAAI,EACzB,OAEF,EAAgB,GAChB,IAAkB,CACpB,CAEA,IAAM,EAAS,EAAW,CAAS,EAAI,EAEjC,EAAY,KAAK,IACrB,EACA,KAAK,IAAI,EAAW,EAAc,CAAM,CAC1C,EAEM,EAAU,EAAW,QAE3B,GAAI,CAAC,EACH,OAGF,EAAQ,MAAM,OAAS,GAAG,EAAU,IAIpC,IAAM,EADgB,EAAQ,aAEZ,GAAa,GAAa,EAC5C,EAAQ,MAAM,UAAY,EAAsB,OAAS,SAGrD,GACF,EAAe,CAAS,EAItB,GAAsB,KAAK,IAAI,EAAY,CAAS,GAAA,KACtD,EAAmB,CAEvB,EAEM,MAAsB,CAK1B,GAJI,GACF,IAAgB,EAGd,EAAU,CACZ,GAAI,CAAC,EACH,OAGF,EAAW,oBAAoB,YAAa,EAAgB,EAAI,EAChE,EAAW,oBAAoB,WAAY,EAAe,EAAI,CAChE,MACE,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,UAAW,CAAa,EACrD,SAAS,oBAAoB,YAAa,CAAc,EACxD,SAAS,oBAAoB,WAAY,CAAa,CAE1D,EAGI,EACF,EAAa,EAA0B,EAAgB,CAAa,EAEpE,EAA2B,EAAgB,CAAa,CAE5D,EAmBA,MAAO,CACL,oBAjB2B,GAAuB,CAClD,EAAE,eAAe,EAIZ,EAAiB,GACtB,EAAU,EAAE,OAAO,CACrB,EAWE,qBAR4B,GAAuB,CACnD,EAAE,eAAe,EACZ,EAAiB,GACtB,EAAU,EAAE,QAAQ,GAAG,OAAO,CAChC,CAKA,CACF"}

package/dist/hooks/use-drag-resize.js

@@ -7,14 +7,14 @@ var t = 2, n = 120, r = () => {
 }, i = ({ elementRef: n, minHeight: i, maxHeight: a, onGripDragStart: o, onGripDragEnd: s, onHeightChange: c, onReachedMinHeight: l }) => {
 	let u = (e) => "touches" in e && e.touches.length > 0 ? e.touches[0].clientY : e.clientY, d = (e, t) => {
 		let n = document.getElementById("resize-grip");
-		n && (n.addEventListener("touchmove", e, {
+		if (n) return n.addEventListener("touchmove", e, {
 			passive: !1,
 			capture: !0
-		}), n.addEventListener("touchend", t, { capture: !0 }));
+		}), n.addEventListener("touchend", t, { capture: !0 }), n;
 	}, f = (e, t) => {
 		document.addEventListener("mousemove", e), document.addEventListener("mouseup", t);
 	}, p = (r) => {
-		let p = e(), m = n.current?.offsetHeight || i, h = !1, g = (e) => {
+		let p = e(), m = n.current?.offsetHeight || i, h = !1, g, _ = (e) => {
 			if (e.preventDefault(), !h) {
 				let n = u(e);
 				if (Math.abs(n - r) < t) return;
@@ -25,14 +25,13 @@ var t = 2, n = 120, r = () => {
 			f.style.height = `${d}px`;
 			let p = f.scrollHeight > d || d >= a;
 			f.style.overflowY = p ? "auto" : "hidden", c && c(d), l && Math.abs(d - i) <= 1.5 && l();
-		}, _ = () => {
+		}, v = () => {
 			if (h && s?.(), p) {
-				let e = document.getElementById("resize-grip");
-				if (!e) return;
-				e.removeEventListener("mousemove", g), e.removeEventListener("mouseup", _), e.removeEventListener("touchmove", g), e.removeEventListener("touchend", _);
-			} else document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", _), document.removeEventListener("touchmove", g), document.removeEventListener("touchend", _);
+				if (!g) return;
+				g.removeEventListener("touchmove", _, !0), g.removeEventListener("touchend", v, !0);
+			} else document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", v), document.removeEventListener("touchmove", _), document.removeEventListener("touchend", v);
 		};
-		p ? d(g, _) : f(g, _);
+		p ? g = d(_, v) : f(_, v);
 	};
 	return {
 		handleGripMouseDown: (e) => {

package/dist/hooks/use-drag-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-resize.js","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        const resizeGrip = document.getElementById(\"resize-grip\");\n        if (!resizeGrip) {\n          return;\n        }\n\n        // Remove both mouse and touch event listeners\n        resizeGrip.removeEventListener(\"mousemove\", handleDragMove);\n        resizeGrip.removeEventListener(\"mouseup\", handleDragEnd);\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":";;;AASA,IAAM,IAAiB,GAWjB,IAA4B,KASrB,UAAkC;CAE7C,IAAM,IADO,SAAS,eAAe,aACrB,GAAM,iBAAiB;CAGvC,OAFK,IACQ,EAAQ,sBACd,EAAK,UAAU,OAAO,cAAc,IAFtB;AAGvB,GAaa,KAAiB,EAC5B,eACA,cACA,cACA,oBACA,kBACA,mBACA,4BAC0B;CAC1B,IAAM,KAAc,MACd,aAAa,KAAS,EAAM,QAAQ,SAAS,IACxC,EAAM,QAAQ,GAAG,UAElB,EAAqB,SAIzB,KACJ,GACA,MACG;EACH,IAAM,IAAa,SAAS,eAAe,aAAa;EAEnD,MAIL,EAAW,iBAAiB,aAAa,GAAgB;GACvD,SAAS;GACT,SAAS;EACX,CAAC,GACD,EAAW,iBAAiB,YAAY,GAAe,EACrD,SAAS,GACX,CAAC;CACH,GAGM,KACJ,GACA,MACG;EAEH,AADA,SAAS,iBAAiB,aAAa,CAAc,GACrD,SAAS,iBAAiB,WAAW,CAAa;CACpD,GAGM,KAAa,MAAmB;EACpC,IAAM,IAAW,EAAe,GAC1B,IAAc,EAAW,SAAS,gBAAgB,GACpD,IAAgB,IAEd,KAAkB,MAAuC;GAG7D,IAFA,EAAU,eAAe,GAErB,CAAC,GAAe;IAClB,IAAM,IAAI,EAAW,CAAS;IAC9B,IAAI,KAAK,IAAI,IAAI,CAAM,IAAI,GACzB;IAGF,AADA,IAAgB,IAChB,IAAkB;GACpB;GAEA,IAAM,IAAS,EAAW,CAAS,IAAI,GAEjC,IAAY,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,IAAc,CAAM,CAC1C,GAEM,IAAU,EAAW;GAE3B,IAAI,CAAC,GACH;GAGF,EAAQ,MAAM,SAAS,GAAG,EAAU;GAIpC,IAAM,IADgB,EAAQ,eAEZ,KAAa,KAAa;GAS5C,AARA,EAAQ,MAAM,YAAY,IAAsB,SAAS,UAGrD,KACF,EAAe,CAAS,GAItB,KAAsB,KAAK,IAAI,IAAY,CAAS,KAAA,OACtD,EAAmB;EAEvB,GAEM,UAAsB;GAK1B,IAJI,KACF,IAAgB,GAGd,GAAU;IACZ,IAAM,IAAa,SAAS,eAAe,aAAa;IACxD,IAAI,CAAC,GACH;IAOF,AAHA,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,WAAW,CAAa,GACvD,EAAW,oBAAoB,aAAa,CAAc,GAC1D,EAAW,oBAAoB,YAAY,CAAa;GAC1D,OAIE,AAHA,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,WAAW,CAAa,GACrD,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,YAAY,CAAa;EAE1D;EAGA,AAAI,IACF,EAA0B,GAAgB,CAAa,IAEvD,EAA2B,GAAgB,CAAa;CAE5D;CAmBA,OAAO;EACL,sBAjB2B,MAAuB;GAClD,EAAE,eAAe,GAIZ,EAAiB,KACtB,EAAU,EAAE,OAAO;EACrB;EAWE,uBAR4B,MAAuB;GACnD,EAAE,eAAe,GACZ,EAAiB,KACtB,EAAU,EAAE,QAAQ,GAAG,OAAO;EAChC;CAKA;AACF"}
+{"version":3,"file":"use-drag-resize.js","names":[],"sources":["../../src/hooks/use-drag-resize.ts"],"sourcesContent":["import type {\n  RefObject,\n  MouseEvent as ReactMouseEvent,\n  TouchEvent as ReactTouchEvent,\n} from \"react\";\nimport { EPS } from \"#/utils/constants\";\nimport { isMobileDevice } from \"#/utils/utils\";\n\n/** Movement required before a pointer gesture is treated as a resize drag. */\nconst DRAG_COMMIT_PX = 2;\n\n/**\n * Distance (px) from the viewport bottom within which we consider the chat\n * input to be \"bottom-anchored\" by its parent's flexbox. When the input is\n * bottom-anchored (e.g. the conversation page), dragging the top grip makes\n * the box grow upward — the expected behaviour. When it is NOT\n * bottom-anchored (e.g. the home page where the input sits in the centre of\n * the screen), the same drag would make the box grow downward, which is\n * confusing, so we disable manual resizing entirely in that case.\n */\nconst BOTTOM_ANCHORED_THRESHOLD = 120;\n\n/**\n * Determine whether the chat input is anchored to the bottom of the viewport\n * by its parent layout (e.g. the conversation page uses a flex column with a\n * growing scroll area above the input). When true, dragging the top grip\n * makes the box grow upward, which is the expected behaviour. When false,\n * the drag would grow the box downward, so we disable it.\n */\nexport const isBottomAnchored = (): boolean => {\n  const grip = document.getElementById(\"resize-grip\");\n  const wrapper = grip?.parentElement ?? null;\n  if (!wrapper) return true; // fall back to allowing the drag\n  const rect = wrapper.getBoundingClientRect();\n  return rect.bottom >= window.innerHeight - BOTTOM_ANCHORED_THRESHOLD;\n};\n\n// Drag handling hook\ninterface UseDragResizeOptions {\n  elementRef: RefObject<HTMLElement | null>;\n  minHeight: number;\n  maxHeight: number;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void;\n  onReachedMinHeight?: () => void; // Notify when user drags to minimum height\n}\n\nexport const useDragResize = ({\n  elementRef,\n  minHeight,\n  maxHeight,\n  onGripDragStart,\n  onGripDragEnd,\n  onHeightChange,\n  onReachedMinHeight,\n}: UseDragResizeOptions) => {\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if (\"touches\" in event && event.touches.length > 0) {\n      return event.touches[0].clientY;\n    }\n    return (event as MouseEvent).clientY;\n  };\n\n  // Setup event listeners for mobile devices\n  const setupMobileEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    const resizeGrip = document.getElementById(\"resize-grip\");\n\n    if (!resizeGrip) {\n      return;\n    }\n\n    resizeGrip.addEventListener(\"touchmove\", handleDragMove, {\n      passive: false,\n      capture: true,\n    });\n    resizeGrip.addEventListener(\"touchend\", handleDragEnd, {\n      capture: true,\n    });\n    return resizeGrip;\n  };\n\n  // Setup event listeners for desktop devices\n  const setupDesktopEventListeners = (\n    handleDragMove: (event: MouseEvent | TouchEvent) => void,\n    handleDragEnd: () => void,\n  ) => {\n    document.addEventListener(\"mousemove\", handleDragMove);\n    document.addEventListener(\"mouseup\", handleDragEnd);\n  };\n\n  // Start drag operation\n  const startDrag = (startY: number) => {\n    const isMobile = isMobileDevice();\n    const startHeight = elementRef.current?.offsetHeight || minHeight;\n    let dragCommitted = false;\n    let resizeGrip: HTMLElement | undefined;\n\n    const handleDragMove = (moveEvent: MouseEvent | TouchEvent) => {\n      moveEvent.preventDefault();\n\n      if (!dragCommitted) {\n        const y = getClientY(moveEvent);\n        if (Math.abs(y - startY) < DRAG_COMMIT_PX) {\n          return;\n        }\n        dragCommitted = true;\n        onGripDragStart?.();\n      }\n\n      const deltaY = getClientY(moveEvent) - startY;\n      // Invert deltaY so moving up increases height and moving down decreases height\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, startHeight - deltaY),\n      );\n\n      const element = elementRef.current;\n\n      if (!element) {\n        return;\n      }\n\n      element.style.height = `${newHeight}px`;\n\n      // Check if content exceeds the new height to determine scrollbar visibility\n      const contentHeight = element.scrollHeight;\n      const shouldShowScrollbar =\n        contentHeight > newHeight || newHeight >= maxHeight;\n      element.style.overflowY = shouldShowScrollbar ? \"auto\" : \"hidden\";\n\n      // Call the height change callback if provided\n      if (onHeightChange) {\n        onHeightChange(newHeight);\n      }\n\n      // Notify when dragged to minimum height to clear manual mode\n      if (onReachedMinHeight && Math.abs(newHeight - minHeight) <= EPS) {\n        onReachedMinHeight();\n      }\n    };\n\n    const handleDragEnd = () => {\n      if (dragCommitted) {\n        onGripDragEnd?.();\n      }\n\n      if (isMobile) {\n        if (!resizeGrip) {\n          return;\n        }\n\n        resizeGrip.removeEventListener(\"touchmove\", handleDragMove, true);\n        resizeGrip.removeEventListener(\"touchend\", handleDragEnd, true);\n      } else {\n        document.removeEventListener(\"mousemove\", handleDragMove);\n        document.removeEventListener(\"mouseup\", handleDragEnd);\n        document.removeEventListener(\"touchmove\", handleDragMove);\n        document.removeEventListener(\"touchend\", handleDragEnd);\n      }\n    };\n\n    // Setup event listeners based on device type\n    if (isMobile) {\n      resizeGrip = setupMobileEventListeners(handleDragMove, handleDragEnd);\n    } else {\n      setupDesktopEventListeners(handleDragMove, handleDragEnd);\n    }\n  };\n\n  // Handle mouse down on grip for manual resizing\n  const handleGripMouseDown = (e: ReactMouseEvent) => {\n    e.preventDefault();\n    // Only allow manual resizing when the input is bottom-anchored (e.g. the\n    // conversation page). On the home page the input is centred and dragging\n    // the top grip would grow the box downward, which is confusing.\n    if (!isBottomAnchored()) return;\n    startDrag(e.clientY);\n  };\n\n  // Handle touch start on grip for manual resizing\n  const handleGripTouchStart = (e: ReactTouchEvent) => {\n    e.preventDefault();\n    if (!isBottomAnchored()) return;\n    startDrag(e.touches[0].clientY);\n  };\n\n  return {\n    handleGripMouseDown,\n    handleGripTouchStart,\n  };\n};\n"],"mappings":";;;AASA,IAAM,IAAiB,GAWjB,IAA4B,KASrB,UAAkC;CAE7C,IAAM,IADO,SAAS,eAAe,aACrB,GAAM,iBAAiB;CAGvC,OAFK,IACQ,EAAQ,sBACd,EAAK,UAAU,OAAO,cAAc,IAFtB;AAGvB,GAaa,KAAiB,EAC5B,eACA,cACA,cACA,oBACA,kBACA,mBACA,4BAC0B;CAC1B,IAAM,KAAc,MACd,aAAa,KAAS,EAAM,QAAQ,SAAS,IACxC,EAAM,QAAQ,GAAG,UAElB,EAAqB,SAIzB,KACJ,GACA,MACG;EACH,IAAM,IAAa,SAAS,eAAe,aAAa;EAEnD,OAWL,OAPA,EAAW,iBAAiB,aAAa,GAAgB;GACvD,SAAS;GACT,SAAS;EACX,CAAC,GACD,EAAW,iBAAiB,YAAY,GAAe,EACrD,SAAS,GACX,CAAC,GACM;CACT,GAGM,KACJ,GACA,MACG;EAEH,AADA,SAAS,iBAAiB,aAAa,CAAc,GACrD,SAAS,iBAAiB,WAAW,CAAa;CACpD,GAGM,KAAa,MAAmB;EACpC,IAAM,IAAW,EAAe,GAC1B,IAAc,EAAW,SAAS,gBAAgB,GACpD,IAAgB,IAChB,GAEE,KAAkB,MAAuC;GAG7D,IAFA,EAAU,eAAe,GAErB,CAAC,GAAe;IAClB,IAAM,IAAI,EAAW,CAAS;IAC9B,IAAI,KAAK,IAAI,IAAI,CAAM,IAAI,GACzB;IAGF,AADA,IAAgB,IAChB,IAAkB;GACpB;GAEA,IAAM,IAAS,EAAW,CAAS,IAAI,GAEjC,IAAY,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,IAAc,CAAM,CAC1C,GAEM,IAAU,EAAW;GAE3B,IAAI,CAAC,GACH;GAGF,EAAQ,MAAM,SAAS,GAAG,EAAU;GAIpC,IAAM,IADgB,EAAQ,eAEZ,KAAa,KAAa;GAS5C,AARA,EAAQ,MAAM,YAAY,IAAsB,SAAS,UAGrD,KACF,EAAe,CAAS,GAItB,KAAsB,KAAK,IAAI,IAAY,CAAS,KAAA,OACtD,EAAmB;EAEvB,GAEM,UAAsB;GAK1B,IAJI,KACF,IAAgB,GAGd,GAAU;IACZ,IAAI,CAAC,GACH;IAIF,AADA,EAAW,oBAAoB,aAAa,GAAgB,EAAI,GAChE,EAAW,oBAAoB,YAAY,GAAe,EAAI;GAChE,OAIE,AAHA,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,WAAW,CAAa,GACrD,SAAS,oBAAoB,aAAa,CAAc,GACxD,SAAS,oBAAoB,YAAY,CAAa;EAE1D;EAGA,AAAI,IACF,IAAa,EAA0B,GAAgB,CAAa,IAEpE,EAA2B,GAAgB,CAAa;CAE5D;CAmBA,OAAO;EACL,sBAjB2B,MAAuB;GAClD,EAAE,eAAe,GAIZ,EAAiB,KACtB,EAAU,EAAE,OAAO;EACrB;EAWE,uBAR4B,MAAuB;GACnD,EAAE,eAAe,GACZ,EAAiB,KACtB,EAAU,EAAE,QAAQ,GAAG,OAAO;EAChC;CAKA;AACF"}

package/dist/hooks/use-home-automation-actions.cjs

@@ -1,2 +1,2 @@
-require("../_virtual/_rolldown/runtime.cjs"),require("../context/navigation-context.cjs"),require("../utils/custom-toast-handlers.cjs"),require("../contexts/active-backend-context.cjs");const e=require("../types/automation.cjs");require("./use-automation-permissions.cjs"),require("./query/use-automations.cjs"),require("../fixtures/home-automations-demo.cjs"),require("react");function t(t){return t?.status===e.AutomationRunStatus.PENDING||t?.status===e.AutomationRunStatus.RUNNING}exports.isInFlightAutomationRun=t;
+require("../_virtual/_rolldown/runtime.cjs"),require("../context/navigation-context.cjs"),require("../utils/custom-toast-handlers.cjs");const e=require("../types/automation.cjs");require("./use-automation-permissions.cjs"),require("./query/use-automations.cjs"),require("../fixtures/home-automations-demo.cjs"),require("react");function t(t){return t?.status===e.AutomationRunStatus.PENDING||t?.status===e.AutomationRunStatus.RUNNING}exports.isInFlightAutomationRun=t;
 //# sourceMappingURL=use-home-automation-actions.cjs.map

package/dist/hooks/use-home-automation-actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-home-automation-actions.cjs","names":[],"sources":["../../src/hooks/use-home-automation-actions.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport {\n  useCancelAutomationRun,\n  useDispatchAutomation,\n  useToggleAutomation,\n} from \"#/hooks/query/use-automations\";\nimport {\n  useAutomationPermissions,\n  useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\nimport { isHomeAutomationsDemoEnabled } from \"#/fixtures/home-automations-demo\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { getApiErrorMessage } from \"#/utils/api-error-message\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nexport function isInFlightAutomationRun(\n  run: AutomationRun | null | undefined,\n): boolean {\n  return (\n    run?.status === AutomationRunStatus.PENDING ||\n    run?.status === AutomationRunStatus.RUNNING\n  );\n}\n\n/**\n * Shared home-surface actions for pinned cards and activity rows:\n * run now, view, edit (local), turn off (with confirm), cancel in-flight.\n */\nexport function useHomeAutomationActions(\n  automation: Automation,\n  latestRun: AutomationRun | null,\n) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n  const active = useActiveBackend();\n  const { canManage: hasManagePermission } = useAutomationPermissions();\n  const isOwner = useIsAutomationOwner(automation);\n  // Write actions on a specific automation are allowed when the user has\n  // manage permission OR is the automation's creator (creator escape hatch).\n  const canManage = hasManagePermission || isOwner;\n  const canEdit = active.backend.kind === \"local\";\n  const isDemo = isHomeAutomationsDemoEnabled();\n\n  const dispatchMutation = useDispatchAutomation();\n  const toggleMutation = useToggleAutomation();\n  const cancelMutation = useCancelAutomationRun();\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [turnOffConfirmOpen, setTurnOffConfirmOpen] = useState(false);\n\n  const isRunPending =\n    dispatchMutation.isPending && dispatchMutation.variables === automation.id;\n  const isCancelPending =\n    cancelMutation.isPending &&\n    cancelMutation.variables?.runId === latestRun?.id;\n  const canCancel = canManage && isInFlightAutomationRun(latestRun);\n\n  const runNow = useCallback(() => {\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      return;\n    }\n    dispatchMutation.mutate(automation.id, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      },\n      onError: (error) => {\n        displayErrorToast(\n          getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$RUN_NOW_ERROR)),\n        );\n      },\n    });\n  }, [automation.id, dispatchMutation, isDemo, t]);\n\n  const viewDetails = useCallback(() => {\n    navigate?.(`/automations/${automation.id}`);\n  }, [automation.id, navigate]);\n\n  const openEdit = useCallback(() => {\n    if (!canEdit) {\n      viewDetails();\n      return;\n    }\n    setEditOpen(true);\n  }, [canEdit, viewDetails]);\n\n  const requestTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(true);\n  }, []);\n\n  const confirmTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n    if (isDemo) return;\n    toggleMutation.mutate(\n      { id: automation.id, enabled: false },\n      {\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$TURN_OFF_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, isDemo, t, toggleMutation]);\n\n  const cancelTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n  }, []);\n\n  const cancelRun = useCallback(() => {\n    if (!latestRun || !isInFlightAutomationRun(latestRun)) return;\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n      return;\n    }\n    cancelMutation.mutate(\n      { automationId: automation.id, runId: latestRun.id },\n      {\n        onSuccess: () => {\n          displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n        },\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$CANCEL_RUN_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, cancelMutation, isDemo, latestRun, t]);\n\n  return {\n    canManage,\n    canEdit,\n    isRunPending,\n    isCancelPending,\n    canCancel,\n    editOpen,\n    setEditOpen,\n    turnOffConfirmOpen,\n    runNow,\n    viewDetails,\n    openEdit,\n    requestTurnOff,\n    confirmTurnOff,\n    cancelTurnOff,\n    cancelRun,\n  };\n}\n"],"mappings":"0XA0BA,SAAgB,EACd,EACS,CACT,OACE,GAAK,SAAW,EAAA,oBAAoB,SACpC,GAAK,SAAW,EAAA,oBAAoB,OAExC"}
+{"version":3,"file":"use-home-automation-actions.cjs","names":[],"sources":["../../src/hooks/use-home-automation-actions.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport {\n  useCancelAutomationRun,\n  useDispatchAutomation,\n  useToggleAutomation,\n} from \"#/hooks/query/use-automations\";\nimport {\n  useAutomationPermissions,\n  useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\nimport { isHomeAutomationsDemoEnabled } from \"#/fixtures/home-automations-demo\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { getApiErrorMessage } from \"#/utils/api-error-message\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nexport function isInFlightAutomationRun(\n  run: AutomationRun | null | undefined,\n): boolean {\n  return (\n    run?.status === AutomationRunStatus.PENDING ||\n    run?.status === AutomationRunStatus.RUNNING\n  );\n}\n\n/**\n * Shared home-surface actions for pinned cards and activity rows:\n * run now, view, edit, turn off (with confirm), cancel in-flight.\n */\nexport function useHomeAutomationActions(\n  automation: Automation,\n  latestRun: AutomationRun | null,\n) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n  const { canManage: hasManagePermission } = useAutomationPermissions();\n  const isOwner = useIsAutomationOwner(automation);\n  // Write actions on a specific automation are allowed when the user has\n  // manage permission OR is the automation's creator (creator escape hatch).\n  const canManage = hasManagePermission || isOwner;\n  const isDemo = isHomeAutomationsDemoEnabled();\n\n  const dispatchMutation = useDispatchAutomation();\n  const toggleMutation = useToggleAutomation();\n  const cancelMutation = useCancelAutomationRun();\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [turnOffConfirmOpen, setTurnOffConfirmOpen] = useState(false);\n\n  const isRunPending =\n    dispatchMutation.isPending && dispatchMutation.variables === automation.id;\n  const isCancelPending =\n    cancelMutation.isPending &&\n    cancelMutation.variables?.runId === latestRun?.id;\n  const canCancel = canManage && isInFlightAutomationRun(latestRun);\n\n  const runNow = useCallback(() => {\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      return;\n    }\n    dispatchMutation.mutate(automation.id, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      },\n      onError: (error) => {\n        displayErrorToast(\n          getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$RUN_NOW_ERROR)),\n        );\n      },\n    });\n  }, [automation.id, dispatchMutation, isDemo, t]);\n\n  const viewDetails = useCallback(() => {\n    navigate?.(`/automations/${automation.id}`);\n  }, [automation.id, navigate]);\n\n  const openEdit = useCallback(() => {\n    setEditOpen(true);\n  }, []);\n\n  const requestTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(true);\n  }, []);\n\n  const confirmTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n    if (isDemo) return;\n    toggleMutation.mutate(\n      { id: automation.id, enabled: false },\n      {\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$TURN_OFF_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, isDemo, t, toggleMutation]);\n\n  const cancelTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n  }, []);\n\n  const cancelRun = useCallback(() => {\n    if (!latestRun || !isInFlightAutomationRun(latestRun)) return;\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n      return;\n    }\n    cancelMutation.mutate(\n      { automationId: automation.id, runId: latestRun.id },\n      {\n        onSuccess: () => {\n          displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n        },\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$CANCEL_RUN_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, cancelMutation, isDemo, latestRun, t]);\n\n  return {\n    canManage,\n    isRunPending,\n    isCancelPending,\n    canCancel,\n    editOpen,\n    setEditOpen,\n    turnOffConfirmOpen,\n    runNow,\n    viewDetails,\n    openEdit,\n    requestTurnOff,\n    confirmTurnOff,\n    cancelTurnOff,\n    cancelRun,\n  };\n}\n"],"mappings":"wUAyBA,SAAgB,EACd,EACS,CACT,OACE,GAAK,SAAW,EAAA,oBAAoB,SACpC,GAAK,SAAW,EAAA,oBAAoB,OAExC"}

package/dist/hooks/use-home-automation-actions.d.ts

@@ -2,11 +2,10 @@ import { type Automation, type AutomationRun } from "#/types/automation";
 export declare function isInFlightAutomationRun(run: AutomationRun | null | undefined): boolean;
 /**
  * Shared home-surface actions for pinned cards and activity rows:
- * run now, view, edit (local), turn off (with confirm), cancel in-flight.
+ * run now, view, edit, turn off (with confirm), cancel in-flight.
  */
 export declare function useHomeAutomationActions(automation: Automation, latestRun: AutomationRun | null): {
     canManage: boolean;
-    canEdit: boolean;
     isRunPending: boolean;
     isCancelPending: boolean;
     canCancel: boolean;

package/dist/hooks/use-home-automation-actions.js

@@ -1,6 +1,5 @@
 import "../context/navigation-context.js";
 import "../utils/custom-toast-handlers.js";
-import "../contexts/active-backend-context.js";
 import { AutomationRunStatus as e } from "../types/automation.js";
 import "./use-automation-permissions.js";
 import "./query/use-automations.js";

package/dist/hooks/use-home-automation-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-home-automation-actions.js","names":[],"sources":["../../src/hooks/use-home-automation-actions.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport {\n  useCancelAutomationRun,\n  useDispatchAutomation,\n  useToggleAutomation,\n} from \"#/hooks/query/use-automations\";\nimport {\n  useAutomationPermissions,\n  useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\nimport { isHomeAutomationsDemoEnabled } from \"#/fixtures/home-automations-demo\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { getApiErrorMessage } from \"#/utils/api-error-message\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nexport function isInFlightAutomationRun(\n  run: AutomationRun | null | undefined,\n): boolean {\n  return (\n    run?.status === AutomationRunStatus.PENDING ||\n    run?.status === AutomationRunStatus.RUNNING\n  );\n}\n\n/**\n * Shared home-surface actions for pinned cards and activity rows:\n * run now, view, edit (local), turn off (with confirm), cancel in-flight.\n */\nexport function useHomeAutomationActions(\n  automation: Automation,\n  latestRun: AutomationRun | null,\n) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n  const active = useActiveBackend();\n  const { canManage: hasManagePermission } = useAutomationPermissions();\n  const isOwner = useIsAutomationOwner(automation);\n  // Write actions on a specific automation are allowed when the user has\n  // manage permission OR is the automation's creator (creator escape hatch).\n  const canManage = hasManagePermission || isOwner;\n  const canEdit = active.backend.kind === \"local\";\n  const isDemo = isHomeAutomationsDemoEnabled();\n\n  const dispatchMutation = useDispatchAutomation();\n  const toggleMutation = useToggleAutomation();\n  const cancelMutation = useCancelAutomationRun();\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [turnOffConfirmOpen, setTurnOffConfirmOpen] = useState(false);\n\n  const isRunPending =\n    dispatchMutation.isPending && dispatchMutation.variables === automation.id;\n  const isCancelPending =\n    cancelMutation.isPending &&\n    cancelMutation.variables?.runId === latestRun?.id;\n  const canCancel = canManage && isInFlightAutomationRun(latestRun);\n\n  const runNow = useCallback(() => {\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      return;\n    }\n    dispatchMutation.mutate(automation.id, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      },\n      onError: (error) => {\n        displayErrorToast(\n          getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$RUN_NOW_ERROR)),\n        );\n      },\n    });\n  }, [automation.id, dispatchMutation, isDemo, t]);\n\n  const viewDetails = useCallback(() => {\n    navigate?.(`/automations/${automation.id}`);\n  }, [automation.id, navigate]);\n\n  const openEdit = useCallback(() => {\n    if (!canEdit) {\n      viewDetails();\n      return;\n    }\n    setEditOpen(true);\n  }, [canEdit, viewDetails]);\n\n  const requestTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(true);\n  }, []);\n\n  const confirmTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n    if (isDemo) return;\n    toggleMutation.mutate(\n      { id: automation.id, enabled: false },\n      {\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$TURN_OFF_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, isDemo, t, toggleMutation]);\n\n  const cancelTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n  }, []);\n\n  const cancelRun = useCallback(() => {\n    if (!latestRun || !isInFlightAutomationRun(latestRun)) return;\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n      return;\n    }\n    cancelMutation.mutate(\n      { automationId: automation.id, runId: latestRun.id },\n      {\n        onSuccess: () => {\n          displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n        },\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$CANCEL_RUN_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, cancelMutation, isDemo, latestRun, t]);\n\n  return {\n    canManage,\n    canEdit,\n    isRunPending,\n    isCancelPending,\n    canCancel,\n    editOpen,\n    setEditOpen,\n    turnOffConfirmOpen,\n    runNow,\n    viewDetails,\n    openEdit,\n    requestTurnOff,\n    confirmTurnOff,\n    cancelTurnOff,\n    cancelRun,\n  };\n}\n"],"mappings":";;;;;;;;;AA0BA,SAAgB,EACd,GACS;CACT,OACE,GAAK,WAAW,EAAoB,WACpC,GAAK,WAAW,EAAoB;AAExC"}
+{"version":3,"file":"use-home-automation-actions.js","names":[],"sources":["../../src/hooks/use-home-automation-actions.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport {\n  useCancelAutomationRun,\n  useDispatchAutomation,\n  useToggleAutomation,\n} from \"#/hooks/query/use-automations\";\nimport {\n  useAutomationPermissions,\n  useIsAutomationOwner,\n} from \"#/hooks/use-automation-permissions\";\nimport { isHomeAutomationsDemoEnabled } from \"#/fixtures/home-automations-demo\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { getApiErrorMessage } from \"#/utils/api-error-message\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\n\nexport function isInFlightAutomationRun(\n  run: AutomationRun | null | undefined,\n): boolean {\n  return (\n    run?.status === AutomationRunStatus.PENDING ||\n    run?.status === AutomationRunStatus.RUNNING\n  );\n}\n\n/**\n * Shared home-surface actions for pinned cards and activity rows:\n * run now, view, edit, turn off (with confirm), cancel in-flight.\n */\nexport function useHomeAutomationActions(\n  automation: Automation,\n  latestRun: AutomationRun | null,\n) {\n  const { t } = useTranslation(\"openhands\");\n  const { navigate } = useNavigation();\n  const { canManage: hasManagePermission } = useAutomationPermissions();\n  const isOwner = useIsAutomationOwner(automation);\n  // Write actions on a specific automation are allowed when the user has\n  // manage permission OR is the automation's creator (creator escape hatch).\n  const canManage = hasManagePermission || isOwner;\n  const isDemo = isHomeAutomationsDemoEnabled();\n\n  const dispatchMutation = useDispatchAutomation();\n  const toggleMutation = useToggleAutomation();\n  const cancelMutation = useCancelAutomationRun();\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [turnOffConfirmOpen, setTurnOffConfirmOpen] = useState(false);\n\n  const isRunPending =\n    dispatchMutation.isPending && dispatchMutation.variables === automation.id;\n  const isCancelPending =\n    cancelMutation.isPending &&\n    cancelMutation.variables?.runId === latestRun?.id;\n  const canCancel = canManage && isInFlightAutomationRun(latestRun);\n\n  const runNow = useCallback(() => {\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      return;\n    }\n    dispatchMutation.mutate(automation.id, {\n      onSuccess: () => {\n        displaySuccessToast(t(I18nKey.AUTOMATIONS$RUN_NOW_SUCCESS));\n      },\n      onError: (error) => {\n        displayErrorToast(\n          getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$RUN_NOW_ERROR)),\n        );\n      },\n    });\n  }, [automation.id, dispatchMutation, isDemo, t]);\n\n  const viewDetails = useCallback(() => {\n    navigate?.(`/automations/${automation.id}`);\n  }, [automation.id, navigate]);\n\n  const openEdit = useCallback(() => {\n    setEditOpen(true);\n  }, []);\n\n  const requestTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(true);\n  }, []);\n\n  const confirmTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n    if (isDemo) return;\n    toggleMutation.mutate(\n      { id: automation.id, enabled: false },\n      {\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$TURN_OFF_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, isDemo, t, toggleMutation]);\n\n  const cancelTurnOff = useCallback(() => {\n    setTurnOffConfirmOpen(false);\n  }, []);\n\n  const cancelRun = useCallback(() => {\n    if (!latestRun || !isInFlightAutomationRun(latestRun)) return;\n    if (isDemo) {\n      displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n      return;\n    }\n    cancelMutation.mutate(\n      { automationId: automation.id, runId: latestRun.id },\n      {\n        onSuccess: () => {\n          displaySuccessToast(t(I18nKey.AUTOMATIONS$CANCEL_RUN_SUCCESS));\n        },\n        onError: (error) => {\n          displayErrorToast(\n            getApiErrorMessage(error, t(I18nKey.AUTOMATIONS$CANCEL_RUN_ERROR)),\n          );\n        },\n      },\n    );\n  }, [automation.id, cancelMutation, isDemo, latestRun, t]);\n\n  return {\n    canManage,\n    isRunPending,\n    isCancelPending,\n    canCancel,\n    editOpen,\n    setEditOpen,\n    turnOffConfirmOpen,\n    runNow,\n    viewDetails,\n    openEdit,\n    requestTurnOff,\n    confirmTurnOff,\n    cancelTurnOff,\n    cancelRun,\n  };\n}\n"],"mappings":";;;;;;;;AAyBA,SAAgB,EACd,GACS;CACT,OACE,GAAK,WAAW,EAAoB,WACpC,GAAK,WAAW,EAAoB;AAExC"}