diff --git a/packages/tasks/README.md b/packages/tasks/README.md
index 67285ef19d3f8a36cc57f8cd8f9022b5a7308c50..3c5639b5d7547b6abd4c8549e2999de161998249 100644
--- a/packages/tasks/README.md
+++ b/packages/tasks/README.md
@@ -9,7 +9,7 @@ The Task pages are made to lower the barrier of entry to understand a task that
 The task pages avoid jargon to let everyone understand the documentation, and if specific terminology is needed, it is explained on the most basic level possible. This is important to understand before contributing to Tasks: at the end of every task page, the user is expected to be able to find and pull a model from the Hub and use it on their data and see if it works for their use case to come up with a proof of concept.
 
 ## How to Contribute
-You can open a pull request to contribute a new documentation about a new task. Under `src` we have a folder for every task that contains two files, `about.md` and `data.ts`. `about.md` contains the markdown part of the page, use cases, resources and minimal code block to infer a model that belongs to the task. `data.ts` contains redirections to canonical models and datasets, metrics, the schema of the task and the information the inference widget needs. 
+You can open a pull request to contribute a new documentation about a new task. Under `src/tasks` we have a folder for every task that contains two files, `about.md` and `data.ts`. `about.md` contains the markdown part of the page, use cases, resources and minimal code block to infer a model that belongs to the task. `data.ts` contains redirections to canonical models and datasets, metrics, the schema of the task and the information the inference widget needs. 
 
 ![Anatomy of a Task Page](https://huggingface.co/datasets/huggingfacejs/tasks/resolve/main/contribution-guide/anatomy.png)
 
@@ -17,4 +17,18 @@ We have a [`dataset`](https://huggingface.co/datasets/huggingfacejs/tasks) that
 
 ![Libraries of a Task](https://huggingface.co/datasets/huggingfacejs/tasks/resolve/main/contribution-guide/libraries.png)
 
-This might seem overwhelming, but you don't necessarily need to add all of these in one pull request or on your own, you can simply contribute one section. Feel free to ask for help whenever you need. 
\ No newline at end of file
+This might seem overwhelming, but you don't necessarily need to add all of these in one pull request or on your own, you can simply contribute one section. Feel free to ask for help whenever you need. 
+
+## Other data
+
+This package contains the definition files (written in Typescript) for the huggingface.co hub's:
+
+- **pipeline types** a.k.a. **task types** (used to determine which widget to display on the model page, and which inference API to run)
+- **default widget inputs** (when they aren't provided in the model card)
+- definitions and UI elements for **third party libraries**.
+
+Please add to any of those definitions by opening a PR. Thanks 🔥
+
+⚠️ The hub's definitive doc is at https://huggingface.co/docs/hub.
+
+## Feedback (feature requests, bugs, etc.) is super welcome 💙💚💛💜♥️🧡
diff --git a/packages/tasks/package.json b/packages/tasks/package.json
index a40ff74c923a6ba825fc59d5922b18ce1e7cea7d..85985246c4b6b04b49f9a037166ff2bb985724b0 100644
--- a/packages/tasks/package.json
+++ b/packages/tasks/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@huggingface/tasks",
 	"packageManager": "pnpm@8.10.5",
-	"version": "0.0.6",
+	"version": "0.0.7",
 	"description": "List of ML tasks for huggingface.co/tasks",
 	"repository": "https://github.com/huggingface/huggingface.js.git",
 	"publishConfig": {
diff --git a/packages/tasks/src/Types.ts b/packages/tasks/src/Types.ts
deleted file mode 100644
index 0824893f11271a7fe7873a2a0ddc803c8cdc1017..0000000000000000000000000000000000000000
--- a/packages/tasks/src/Types.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import type { ModelLibraryKey } from "./modelLibraries";
-import type { PipelineType } from "./pipelines";
-
-export interface ExampleRepo {
-	description: string;
-	id: string;
-}
-
-export type TaskDemoEntry =
-	| {
-			filename: string;
-			type: "audio";
-	  }
-	| {
-			data: Array<{
-				label: string;
-				score: number;
-			}>;
-			type: "chart";
-	  }
-	| {
-			filename: string;
-			type: "img";
-	  }
-	| {
-			table: string[][];
-			type: "tabular";
-	  }
-	| {
-			content: string;
-			label: string;
-			type: "text";
-	  }
-	| {
-			text: string;
-			tokens: Array<{
-				end: number;
-				start: number;
-				type: string;
-			}>;
-			type: "text-with-tokens";
-	  };
-
-export interface TaskDemo {
-	inputs: TaskDemoEntry[];
-	outputs: TaskDemoEntry[];
-}
-
-export interface TaskData {
-	datasets: ExampleRepo[];
-	demo: TaskDemo;
-	id: PipelineType;
-	isPlaceholder?: boolean;
-	label: string;
-	libraries: ModelLibraryKey[];
-	metrics: ExampleRepo[];
-	models: ExampleRepo[];
-	spaces: ExampleRepo[];
-	summary: string;
-	widgetModels: string[];
-	youtubeId?: string;
-}
-
-export type TaskDataCustom = Omit<TaskData, "id" | "label" | "libraries">;
diff --git a/packages/tasks/src/const.ts b/packages/tasks/src/const.ts
deleted file mode 100644
index 856e15807a7b1b69a7e11dbc1f051135f86f1b7e..0000000000000000000000000000000000000000
--- a/packages/tasks/src/const.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import type { ModelLibraryKey } from "./modelLibraries";
-import type { PipelineType } from "./pipelines";
-
-/**
- * Model libraries compatible with each ML task
- */
-export const TASKS_MODEL_LIBRARIES: Record<PipelineType, ModelLibraryKey[]> = {
-	"audio-classification": ["speechbrain", "transformers"],
-	"audio-to-audio": ["asteroid", "speechbrain"],
-	"automatic-speech-recognition": ["espnet", "nemo", "speechbrain", "transformers", "transformers.js"],
-	conversational: ["transformers"],
-	"depth-estimation": ["transformers"],
-	"document-question-answering": ["transformers"],
-	"feature-extraction": ["sentence-transformers", "transformers", "transformers.js"],
-	"fill-mask": ["transformers", "transformers.js"],
-	"graph-ml": ["transformers"],
-	"image-classification": ["keras", "timm", "transformers", "transformers.js"],
-	"image-segmentation": ["transformers", "transformers.js"],
-	"image-to-image": ["diffusers"],
-	"image-to-text": ["transformers.js"],
-	"image-to-video": ["diffusers"],
-	"video-classification": ["transformers"],
-	"mask-generation": ["transformers"],
-	"multiple-choice": ["transformers"],
-	"object-detection": ["transformers", "transformers.js"],
-	other: [],
-	"question-answering": ["adapter-transformers", "allennlp", "transformers", "transformers.js"],
-	robotics: [],
-	"reinforcement-learning": ["transformers", "stable-baselines3", "ml-agents", "sample-factory"],
-	"sentence-similarity": ["sentence-transformers", "spacy", "transformers.js"],
-	summarization: ["transformers", "transformers.js"],
-	"table-question-answering": ["transformers"],
-	"table-to-text": ["transformers"],
-	"tabular-classification": ["sklearn"],
-	"tabular-regression": ["sklearn"],
-	"tabular-to-text": ["transformers"],
-	"text-classification": ["adapter-transformers", "spacy", "transformers", "transformers.js"],
-	"text-generation": ["transformers", "transformers.js"],
-	"text-retrieval": [],
-	"text-to-image": ["diffusers"],
-	"text-to-speech": ["espnet", "tensorflowtts", "transformers"],
-	"text-to-audio": ["transformers"],
-	"text-to-video": ["diffusers"],
-	"text2text-generation": ["transformers", "transformers.js"],
-	"time-series-forecasting": [],
-	"token-classification": [
-		"adapter-transformers",
-		"flair",
-		"spacy",
-		"span-marker",
-		"stanza",
-		"transformers",
-		"transformers.js",
-	],
-	translation: ["transformers", "transformers.js"],
-	"unconditional-image-generation": ["diffusers"],
-	"visual-question-answering": ["transformers"],
-	"voice-activity-detection": [],
-	"zero-shot-classification": ["transformers", "transformers.js"],
-	"zero-shot-image-classification": ["transformers", "transformers.js"],
-	"zero-shot-object-detection": ["transformers"],
-};
diff --git a/packages/widgets/src/lib/interfaces/DefaultWidget.ts b/packages/tasks/src/default-widget-inputs.ts
similarity index 99%
rename from packages/widgets/src/lib/interfaces/DefaultWidget.ts
rename to packages/tasks/src/default-widget-inputs.ts
index e7ad1962157a8eecf7d88c0b81ae735924fbf3e9..b2c91b8c81e6da11340919ef684609ef69bc15cb 100644
--- a/packages/widgets/src/lib/interfaces/DefaultWidget.ts
+++ b/packages/tasks/src/default-widget-inputs.ts
@@ -1,5 +1,5 @@
-import type { PipelineType } from "@huggingface/tasks";
-import type { WidgetExample } from "../components/InferenceWidget/shared/WidgetExample.js";
+import type { WidgetExample } from "./model-data";
+import type { PipelineType } from "./pipelines";
 
 type LanguageCode = string;
 
diff --git a/packages/tasks/src/index.ts b/packages/tasks/src/index.ts
index e80066ab886e38cbd6ee691cbe6c9dba0cabf17b..8aca76a9c96b03ee1fca4447b40f5d69a3d3df4a 100644
--- a/packages/tasks/src/index.ts
+++ b/packages/tasks/src/index.ts
@@ -1,5 +1,8 @@
-export type { TaskData, TaskDemo, TaskDemoEntry, ExampleRepo } from "./Types";
-export { TASKS_DATA } from "./tasksData";
+export { LIBRARY_TASK_MAPPING_EXCLUDING_TRANSFORMERS } from "./library-to-tasks";
+export { MODEL_LIBRARIES_UI_ELEMENTS } from "./library-ui-elements";
+export { MAPPING_DEFAULT_WIDGET } from "./default-widget-inputs";
+export type { TaskData, TaskDemo, TaskDemoEntry, ExampleRepo } from "./tasks";
+export * from "./tasks";
 export {
 	PIPELINE_DATA,
 	PIPELINE_TYPES,
@@ -11,7 +14,35 @@ export {
 	SUBTASK_TYPES,
 	PIPELINE_TYPES_SET,
 } from "./pipelines";
-export { ModelLibrary, ALL_DISPLAY_MODEL_LIBRARY_KEYS } from "./modelLibraries";
-export type { ModelLibraryKey } from "./modelLibraries";
+export { ModelLibrary, ALL_DISPLAY_MODEL_LIBRARY_KEYS } from "./model-libraries";
+export type { ModelLibraryKey } from "./model-libraries";
+export {
+	ModelData,
+	TransformersInfo,
+	WidgetExample,
+	WidgetExampleAttribute,
+	WidgetExampleAssetAndPromptInput,
+	WidgetExampleAssetAndTextInput,
+	WidgetExampleAssetAndZeroShotInput,
+	WidgetExampleAssetInput,
+	WidgetExampleSentenceSimilarityInput,
+	WidgetExampleStructuredDataInput,
+	WidgetExampleTableDataInput,
+	WidgetExampleTextAndContextInput,
+	WidgetExampleTextAndTableInput,
+	WidgetExampleTextInput,
+	WidgetExampleZeroShotTextInput,
+	WidgetExampleOutput,
+	WidgetExampleOutputUrl,
+	WidgetExampleOutputLabels,
+	WidgetExampleOutputAnswerScore,
+	WidgetExampleOutputText,
+} from "./model-data";
+export { InferenceDisplayability } from "./model-data";
 
 export { TAG_NFAA_CONTENT, OTHER_TAGS_SUGGESTIONS, TAG_TEXT_GENERATION_INFERENCE, TAG_CUSTOM_CODE } from "./tags";
+
+import * as snippets from "./snippets";
+export { snippets };
+
+export type { LibraryUiElement } from "./library-ui-elements";
diff --git a/packages/widgets/src/lib/interfaces/LibrariesToTasks.ts b/packages/tasks/src/library-to-tasks.ts
similarity index 94%
rename from packages/widgets/src/lib/interfaces/LibrariesToTasks.ts
rename to packages/tasks/src/library-to-tasks.ts
index 780323f9f5514a3eb2d5dc3f6f4afb535c59352e..2865386cbb38b9998871d9676aa6bbaf7c6ecb62 100644
--- a/packages/widgets/src/lib/interfaces/LibrariesToTasks.ts
+++ b/packages/tasks/src/library-to-tasks.ts
@@ -1,4 +1,5 @@
-import type { ModelLibraryKey, PipelineType } from "@huggingface/tasks";
+import type { ModelLibraryKey } from "./model-libraries";
+import type { PipelineType } from "./pipelines";
 
 /**
  * Mapping from library name (excluding Transformers) to its supported tasks.
diff --git a/packages/widgets/src/lib/interfaces/Libraries.ts b/packages/tasks/src/library-ui-elements.ts
similarity index 99%
rename from packages/widgets/src/lib/interfaces/Libraries.ts
rename to packages/tasks/src/library-ui-elements.ts
index 86f1c02d475e2502a28ee69ad33021eaabf87a64..eae52ac8e30eab0a2fe0303d3a14523d0bf11c95 100644
--- a/packages/widgets/src/lib/interfaces/Libraries.ts
+++ b/packages/tasks/src/library-ui-elements.ts
@@ -1,6 +1,5 @@
-import type { ModelLibraryKey } from "@huggingface/tasks";
-/* eslint-disable @typescript-eslint/naming-convention */
-import type { ModelData } from "./Types.js";
+import type { ModelData } from "./model-data";
+import type { ModelLibraryKey } from "./model-libraries";
 
 /**
  * Elements configurable by a model library.
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetExample.ts b/packages/tasks/src/model-data.ts
similarity index 56%
rename from packages/widgets/src/lib/components/InferenceWidget/shared/WidgetExample.ts
rename to packages/tasks/src/model-data.ts
index 6428e7b0a429fd5024b50a034366a31a683db5c1..c8364859d96fc2efa0a99da479aacca5b02ddc16 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetExample.ts
+++ b/packages/tasks/src/model-data.ts
@@ -1,3 +1,5 @@
+import type { PipelineType } from "./pipelines";
+
 type TableData = Record<string, (string | number)[]>;
 
 //#region outputs
@@ -112,3 +114,126 @@ export type WidgetExample<TOutput = WidgetExampleOutput> =
 type KeysOfUnion<T> = T extends unknown ? keyof T : never;
 
 export type WidgetExampleAttribute = KeysOfUnion<WidgetExample>;
+
+export enum InferenceDisplayability {
+	/**
+	 * Yes
+	 */
+	Yes = "Yes",
+	/**
+	 * And then, all the possible reasons why it's no:
+	 */
+	ExplicitOptOut = "ExplicitOptOut",
+	CustomCode = "CustomCode",
+	LibraryNotDetected = "LibraryNotDetected",
+	PipelineNotDetected = "PipelineNotDetected",
+	PipelineLibraryPairNotSupported = "PipelineLibraryPairNotSupported",
+}
+
+/**
+ * Public interface for model metadata
+ */
+export interface ModelData {
+	/**
+	 * id of model (e.g. 'user/repo_name')
+	 */
+	id: string;
+	/**
+	 * Kept for backward compatibility
+	 */
+	modelId?: string;
+	/**
+	 * Whether or not to enable inference widget for this model
+	 */
+	inference: InferenceDisplayability;
+	/**
+	 * is this model private?
+	 */
+	private?: boolean;
+	/**
+	 * this dictionary has useful information about the model configuration
+	 */
+	config?: Record<string, unknown> & {
+		adapter_transformers?: { model_class?: string; model_name?: string };
+		architectures?: string[];
+		sklearn?: {
+			filename?: string;
+			model_format?: string;
+		};
+		speechbrain?: {
+			interface?: string;
+		};
+		peft?: {
+			base_model_name?: string;
+			task_type?: string;
+		};
+	};
+	/**
+	 * all the model tags
+	 */
+	tags?: string[];
+	/**
+	 * transformers-specific info to display in the code sample.
+	 */
+	transformersInfo?: TransformersInfo;
+	/**
+	 * Pipeline type
+	 */
+	pipeline_tag?: PipelineType | undefined;
+	/**
+	 * for relevant models, get mask token
+	 */
+	mask_token?: string | undefined;
+	/**
+	 * Example data that will be fed into the widget.
+	 *
+	 * can be set in the model card metadata (under `widget`),
+	 * or by default in `DefaultWidget.ts`
+	 */
+	widgetData?: WidgetExample[] | undefined;
+	/**
+	 * Parameters that will be used by the widget when calling Inference API
+	 * https://huggingface.co/docs/api-inference/detailed_parameters
+	 *
+	 * can be set in the model card metadata (under `inference/parameters`)
+	 * Example:
+	 * inference:
+	 *     parameters:
+	 *         key: val
+	 */
+	cardData?: {
+		inference?:
+			| boolean
+			| {
+					parameters?: Record<string, unknown>;
+			  };
+		base_model?: string;
+	};
+	/**
+	 * Library name
+	 * Example: transformers, SpeechBrain, Stanza, etc.
+	 */
+	library_name?: string;
+}
+
+/**
+ * transformers-specific info to display in the code sample.
+ */
+export interface TransformersInfo {
+	/**
+	 * e.g. AutoModelForSequenceClassification
+	 */
+	auto_model: string;
+	/**
+	 * if set in config.json's auto_map
+	 */
+	custom_class?: string;
+	/**
+	 * e.g. text-classification
+	 */
+	pipeline_tag?: PipelineType;
+	/**
+	 * e.g. "AutoTokenizer" | "AutoFeatureExtractor" | "AutoProcessor"
+	 */
+	processor?: string;
+}
diff --git a/packages/tasks/src/modelLibraries.ts b/packages/tasks/src/model-libraries.ts
similarity index 100%
rename from packages/tasks/src/modelLibraries.ts
rename to packages/tasks/src/model-libraries.ts
diff --git a/packages/widgets/src/lib/inferenceSnippets/serveCurl.ts b/packages/tasks/src/snippets/curl.ts
similarity index 95%
rename from packages/widgets/src/lib/inferenceSnippets/serveCurl.ts
rename to packages/tasks/src/snippets/curl.ts
index 7a801e934f84c7843ab074df1f48a7e679d7a36c..3b3f099c4cec194a65e6ab42f89ea48a703eee2d 100644
--- a/packages/widgets/src/lib/inferenceSnippets/serveCurl.ts
+++ b/packages/tasks/src/snippets/curl.ts
@@ -1,5 +1,5 @@
-import type { PipelineType } from "@huggingface/tasks";
-import type { ModelData } from "../interfaces/Types.js";
+import type { ModelData } from "../model-data.js";
+import type { PipelineType } from "../pipelines.js";
 import { getModelInputSnippet } from "./inputs.js";
 
 export const snippetBasic = (model: ModelData, accessToken: string): string =>
diff --git a/packages/tasks/src/snippets/index.ts b/packages/tasks/src/snippets/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3cf9b9d236dd2347c76e63300db71a3f964f35dc
--- /dev/null
+++ b/packages/tasks/src/snippets/index.ts
@@ -0,0 +1,6 @@
+import * as inputs from "./inputs";
+import * as curl from "./curl";
+import * as python from "./python";
+import * as js from "./js";
+
+export { inputs, curl, python, js };
diff --git a/packages/widgets/src/lib/inferenceSnippets/inputs.ts b/packages/tasks/src/snippets/inputs.ts
similarity index 97%
rename from packages/widgets/src/lib/inferenceSnippets/inputs.ts
rename to packages/tasks/src/snippets/inputs.ts
index 64e8c4c4173579dda9f1e3a9f83265b6903bbe96..854aa534577a18f4f53aea620f09840ef5c91ac5 100644
--- a/packages/widgets/src/lib/inferenceSnippets/inputs.ts
+++ b/packages/tasks/src/snippets/inputs.ts
@@ -1,5 +1,5 @@
-import type { PipelineType } from "@huggingface/tasks";
-import type { ModelData } from "../interfaces/Types.js";
+import type { ModelData } from "../model-data";
+import type { PipelineType } from "../pipelines";
 
 const inputsZeroShotClassification = () =>
 	`"Hi, I recently bought a device from your company but it is not working as advertised and I would like to get reimbursed!"`;
diff --git a/packages/widgets/src/lib/inferenceSnippets/serveJs.ts b/packages/tasks/src/snippets/js.ts
similarity index 97%
rename from packages/widgets/src/lib/inferenceSnippets/serveJs.ts
rename to packages/tasks/src/snippets/js.ts
index ef94c30645a68d6a62f5f4d23427346555d3fd7b..bfb7920e3b3e9aec6070a554ed0f359dbb55db9a 100644
--- a/packages/widgets/src/lib/inferenceSnippets/serveJs.ts
+++ b/packages/tasks/src/snippets/js.ts
@@ -1,5 +1,5 @@
-import type { PipelineType } from "@huggingface/tasks";
-import type { ModelData } from "../interfaces/Types.js";
+import type { ModelData } from "../model-data.js";
+import type { PipelineType } from "../pipelines.js";
 import { getModelInputSnippet } from "./inputs.js";
 
 export const snippetBasic = (model: ModelData, accessToken: string): string =>
diff --git a/packages/widgets/src/lib/inferenceSnippets/servePython.ts b/packages/tasks/src/snippets/python.ts
similarity index 97%
rename from packages/widgets/src/lib/inferenceSnippets/servePython.ts
rename to packages/tasks/src/snippets/python.ts
index 5ddbeabeb178164149565752336d1ede251d1a51..73c8e3dc40d7ed7719e6dd6f726be9e6ac93398a 100644
--- a/packages/widgets/src/lib/inferenceSnippets/servePython.ts
+++ b/packages/tasks/src/snippets/python.ts
@@ -1,5 +1,5 @@
-import type { PipelineType } from "@huggingface/tasks";
-import type { ModelData } from "../interfaces/Types.js";
+import type { ModelData } from "../model-data.js";
+import type { PipelineType } from "../pipelines.js";
 import { getModelInputSnippet } from "./inputs.js";
 
 export const snippetZeroShotClassification = (model: ModelData): string =>
diff --git a/packages/tasks/src/audio-classification/about.md b/packages/tasks/src/tasks/audio-classification/about.md
similarity index 100%
rename from packages/tasks/src/audio-classification/about.md
rename to packages/tasks/src/tasks/audio-classification/about.md
diff --git a/packages/tasks/src/audio-classification/data.ts b/packages/tasks/src/tasks/audio-classification/data.ts
similarity index 96%
rename from packages/tasks/src/audio-classification/data.ts
rename to packages/tasks/src/tasks/audio-classification/data.ts
index 4585a71e4252f6483b5bf8d184bfdd0449e10e81..e58bfb6771486e923476f40900259a974c9690ce 100644
--- a/packages/tasks/src/audio-classification/data.ts
+++ b/packages/tasks/src/tasks/audio-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/audio-to-audio/about.md b/packages/tasks/src/tasks/audio-to-audio/about.md
similarity index 100%
rename from packages/tasks/src/audio-to-audio/about.md
rename to packages/tasks/src/tasks/audio-to-audio/about.md
diff --git a/packages/tasks/src/audio-to-audio/data.ts b/packages/tasks/src/tasks/audio-to-audio/data.ts
similarity index 97%
rename from packages/tasks/src/audio-to-audio/data.ts
rename to packages/tasks/src/tasks/audio-to-audio/data.ts
index 56f03188e3e9bbe93d3ebd72b54b06fe1756f8cb..373807a09cd75db6d82acc9b1c0a9f28fef8b71c 100644
--- a/packages/tasks/src/audio-to-audio/data.ts
+++ b/packages/tasks/src/tasks/audio-to-audio/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/automatic-speech-recognition/about.md b/packages/tasks/src/tasks/automatic-speech-recognition/about.md
similarity index 100%
rename from packages/tasks/src/automatic-speech-recognition/about.md
rename to packages/tasks/src/tasks/automatic-speech-recognition/about.md
diff --git a/packages/tasks/src/automatic-speech-recognition/data.ts b/packages/tasks/src/tasks/automatic-speech-recognition/data.ts
similarity index 97%
rename from packages/tasks/src/automatic-speech-recognition/data.ts
rename to packages/tasks/src/tasks/automatic-speech-recognition/data.ts
index a42b61e0760b586eeb71d71c3e949ce4cb1a7e68..bdc44d3975adea70c2988916cf1a207eef5d7467 100644
--- a/packages/tasks/src/automatic-speech-recognition/data.ts
+++ b/packages/tasks/src/tasks/automatic-speech-recognition/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/conversational/about.md b/packages/tasks/src/tasks/conversational/about.md
similarity index 100%
rename from packages/tasks/src/conversational/about.md
rename to packages/tasks/src/tasks/conversational/about.md
diff --git a/packages/tasks/src/conversational/data.ts b/packages/tasks/src/tasks/conversational/data.ts
similarity index 97%
rename from packages/tasks/src/conversational/data.ts
rename to packages/tasks/src/tasks/conversational/data.ts
index 85c4057612b31883e21b208bedf235199055e721..49f213c9252b54f11498741fff0f4e9dc6162841 100644
--- a/packages/tasks/src/conversational/data.ts
+++ b/packages/tasks/src/tasks/conversational/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/depth-estimation/about.md b/packages/tasks/src/tasks/depth-estimation/about.md
similarity index 100%
rename from packages/tasks/src/depth-estimation/about.md
rename to packages/tasks/src/tasks/depth-estimation/about.md
diff --git a/packages/tasks/src/depth-estimation/data.ts b/packages/tasks/src/tasks/depth-estimation/data.ts
similarity index 96%
rename from packages/tasks/src/depth-estimation/data.ts
rename to packages/tasks/src/tasks/depth-estimation/data.ts
index 1a9b0d2a183028679b0f606e84fb07e16f40f8a6..379a4b321338631f8e8b093ee0a03ddabd7afa62 100644
--- a/packages/tasks/src/depth-estimation/data.ts
+++ b/packages/tasks/src/tasks/depth-estimation/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/document-question-answering/about.md b/packages/tasks/src/tasks/document-question-answering/about.md
similarity index 100%
rename from packages/tasks/src/document-question-answering/about.md
rename to packages/tasks/src/tasks/document-question-answering/about.md
diff --git a/packages/tasks/src/document-question-answering/data.ts b/packages/tasks/src/tasks/document-question-answering/data.ts
similarity index 97%
rename from packages/tasks/src/document-question-answering/data.ts
rename to packages/tasks/src/tasks/document-question-answering/data.ts
index 275173fa873a8eea24e6ddb04534a1a6758d16d2..c806792161a8e06bf50474fec6bb60333c735d27 100644
--- a/packages/tasks/src/document-question-answering/data.ts
+++ b/packages/tasks/src/tasks/document-question-answering/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/feature-extraction/about.md b/packages/tasks/src/tasks/feature-extraction/about.md
similarity index 100%
rename from packages/tasks/src/feature-extraction/about.md
rename to packages/tasks/src/tasks/feature-extraction/about.md
diff --git a/packages/tasks/src/feature-extraction/data.ts b/packages/tasks/src/tasks/feature-extraction/data.ts
similarity index 96%
rename from packages/tasks/src/feature-extraction/data.ts
rename to packages/tasks/src/tasks/feature-extraction/data.ts
index 3036e59d78cee1728b1f5a72fea448bb9ad897ca..c06e942d85581d9bd0cec6a2ef38be338915e65d 100644
--- a/packages/tasks/src/feature-extraction/data.ts
+++ b/packages/tasks/src/tasks/feature-extraction/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/fill-mask/about.md b/packages/tasks/src/tasks/fill-mask/about.md
similarity index 100%
rename from packages/tasks/src/fill-mask/about.md
rename to packages/tasks/src/tasks/fill-mask/about.md
diff --git a/packages/tasks/src/fill-mask/data.ts b/packages/tasks/src/tasks/fill-mask/data.ts
similarity index 97%
rename from packages/tasks/src/fill-mask/data.ts
rename to packages/tasks/src/tasks/fill-mask/data.ts
index 4e8204b159ff19257fe19877947236a7e29442bb..45d5d53b9e0f37a36796ad0ce42e54b4cfd13a69 100644
--- a/packages/tasks/src/fill-mask/data.ts
+++ b/packages/tasks/src/tasks/fill-mask/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/image-classification/about.md b/packages/tasks/src/tasks/image-classification/about.md
similarity index 100%
rename from packages/tasks/src/image-classification/about.md
rename to packages/tasks/src/tasks/image-classification/about.md
diff --git a/packages/tasks/src/image-classification/data.ts b/packages/tasks/src/tasks/image-classification/data.ts
similarity index 97%
rename from packages/tasks/src/image-classification/data.ts
rename to packages/tasks/src/tasks/image-classification/data.ts
index 4dcbff4f17ba2f5811d7a1b3421916a5f3aa83aa..875b19742c163bb9f47ae51d1d4436df1846564c 100644
--- a/packages/tasks/src/image-classification/data.ts
+++ b/packages/tasks/src/tasks/image-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/image-segmentation/about.md b/packages/tasks/src/tasks/image-segmentation/about.md
similarity index 100%
rename from packages/tasks/src/image-segmentation/about.md
rename to packages/tasks/src/tasks/image-segmentation/about.md
diff --git a/packages/tasks/src/image-segmentation/data.ts b/packages/tasks/src/tasks/image-segmentation/data.ts
similarity index 98%
rename from packages/tasks/src/image-segmentation/data.ts
rename to packages/tasks/src/tasks/image-segmentation/data.ts
index c6bb835e79575d57b8658b6ae15bd54ec3a7a9b6..93198713b931d6976138640d65d3a475155a5f03 100644
--- a/packages/tasks/src/image-segmentation/data.ts
+++ b/packages/tasks/src/tasks/image-segmentation/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/image-to-image/about.md b/packages/tasks/src/tasks/image-to-image/about.md
similarity index 100%
rename from packages/tasks/src/image-to-image/about.md
rename to packages/tasks/src/tasks/image-to-image/about.md
diff --git a/packages/tasks/src/image-to-image/data.ts b/packages/tasks/src/tasks/image-to-image/data.ts
similarity index 98%
rename from packages/tasks/src/image-to-image/data.ts
rename to packages/tasks/src/tasks/image-to-image/data.ts
index 9688dc249e923dc55661e30ece51c39e7e04510f..5ba7d2f93343b6f28adaf6cefc4f75ace6ec5097 100644
--- a/packages/tasks/src/image-to-image/data.ts
+++ b/packages/tasks/src/tasks/image-to-image/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/image-to-text/about.md b/packages/tasks/src/tasks/image-to-text/about.md
similarity index 100%
rename from packages/tasks/src/image-to-text/about.md
rename to packages/tasks/src/tasks/image-to-text/about.md
diff --git a/packages/tasks/src/image-to-text/data.ts b/packages/tasks/src/tasks/image-to-text/data.ts
similarity index 97%
rename from packages/tasks/src/image-to-text/data.ts
rename to packages/tasks/src/tasks/image-to-text/data.ts
index 6a838ebead9cf02e8104151e88d419d7921581e9..1f9514675a7030da6301bbf81b8f5c126dd45951 100644
--- a/packages/tasks/src/image-to-text/data.ts
+++ b/packages/tasks/src/tasks/image-to-text/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/tasksData.ts b/packages/tasks/src/tasks/index.ts
similarity index 60%
rename from packages/tasks/src/tasksData.ts
rename to packages/tasks/src/tasks/index.ts
index 0c80e8efda6ac82419f8bd7873b234a6a5d36152..4811c7155b9f423e89c64a818381a093c2404688 100644
--- a/packages/tasks/src/tasksData.ts
+++ b/packages/tasks/src/tasks/index.ts
@@ -1,5 +1,4 @@
-import { type PipelineType, PIPELINE_DATA } from "./pipelines";
-import type { TaskDataCustom, TaskData } from "./Types";
+import { type PipelineType, PIPELINE_DATA } from "../pipelines";
 
 import audioClassification from "./audio-classification/data";
 import audioToAudio from "./audio-to-audio/data";
@@ -34,7 +33,82 @@ import videoClassification from "./video-classification/data";
 import visualQuestionAnswering from "./visual-question-answering/data";
 import zeroShotClassification from "./zero-shot-classification/data";
 import zeroShotImageClassification from "./zero-shot-image-classification/data";
-import { TASKS_MODEL_LIBRARIES } from "./const";
+
+import type { ModelLibraryKey } from "../model-libraries";
+
+/**
+ * Model libraries compatible with each ML task
+ */
+export const TASKS_MODEL_LIBRARIES: Record<PipelineType, ModelLibraryKey[]> = {
+	"audio-classification": ["speechbrain", "transformers"],
+	"audio-to-audio": ["asteroid", "speechbrain"],
+	"automatic-speech-recognition": ["espnet", "nemo", "speechbrain", "transformers", "transformers.js"],
+	conversational: ["transformers"],
+	"depth-estimation": ["transformers"],
+	"document-question-answering": ["transformers"],
+	"feature-extraction": ["sentence-transformers", "transformers", "transformers.js"],
+	"fill-mask": ["transformers", "transformers.js"],
+	"graph-ml": ["transformers"],
+	"image-classification": ["keras", "timm", "transformers", "transformers.js"],
+	"image-segmentation": ["transformers", "transformers.js"],
+	"image-to-image": ["diffusers"],
+	"image-to-text": ["transformers.js"],
+	"image-to-video": ["diffusers"],
+	"video-classification": ["transformers"],
+	"mask-generation": ["transformers"],
+	"multiple-choice": ["transformers"],
+	"object-detection": ["transformers", "transformers.js"],
+	other: [],
+	"question-answering": ["adapter-transformers", "allennlp", "transformers", "transformers.js"],
+	robotics: [],
+	"reinforcement-learning": ["transformers", "stable-baselines3", "ml-agents", "sample-factory"],
+	"sentence-similarity": ["sentence-transformers", "spacy", "transformers.js"],
+	summarization: ["transformers", "transformers.js"],
+	"table-question-answering": ["transformers"],
+	"table-to-text": ["transformers"],
+	"tabular-classification": ["sklearn"],
+	"tabular-regression": ["sklearn"],
+	"tabular-to-text": ["transformers"],
+	"text-classification": ["adapter-transformers", "spacy", "transformers", "transformers.js"],
+	"text-generation": ["transformers", "transformers.js"],
+	"text-retrieval": [],
+	"text-to-image": ["diffusers"],
+	"text-to-speech": ["espnet", "tensorflowtts", "transformers"],
+	"text-to-audio": ["transformers"],
+	"text-to-video": ["diffusers"],
+	"text2text-generation": ["transformers", "transformers.js"],
+	"time-series-forecasting": [],
+	"token-classification": [
+		"adapter-transformers",
+		"flair",
+		"spacy",
+		"span-marker",
+		"stanza",
+		"transformers",
+		"transformers.js",
+	],
+	translation: ["transformers", "transformers.js"],
+	"unconditional-image-generation": ["diffusers"],
+	"visual-question-answering": ["transformers"],
+	"voice-activity-detection": [],
+	"zero-shot-classification": ["transformers", "transformers.js"],
+	"zero-shot-image-classification": ["transformers", "transformers.js"],
+	"zero-shot-object-detection": ["transformers"],
+};
+
+/**
+ * Return the whole TaskData object for a certain task.
+ * If the partialTaskData argument is left undefined,
+ * the default placholder data will be used.
+ */
+function getData(type: PipelineType, partialTaskData: TaskDataCustom = placeholder): TaskData {
+	return {
+		...partialTaskData,
+		id: type,
+		label: PIPELINE_DATA[type].name,
+		libraries: TASKS_MODEL_LIBRARIES[type],
+	};
+}
 
 // To make comparisons easier, task order is the same as in const.ts
 // Tasks set to undefined won't have an associated task page.
@@ -89,16 +163,64 @@ export const TASKS_DATA: Record<PipelineType, TaskData | undefined> = {
 	"zero-shot-object-detection": getData("zero-shot-object-detection", placeholder),
 } as const;
 
-/**
- * Return the whole TaskData object for a certain task.
- * If the partialTaskData argument is left undefined,
- * the default placholder data will be used.
- */
-function getData(type: PipelineType, partialTaskData: TaskDataCustom = placeholder): TaskData {
-	return {
-		...partialTaskData,
-		id: type,
-		label: PIPELINE_DATA[type].name,
-		libraries: TASKS_MODEL_LIBRARIES[type],
-	};
+export interface ExampleRepo {
+	description: string;
+	id: string;
 }
+
+export type TaskDemoEntry =
+	| {
+			filename: string;
+			type: "audio";
+	  }
+	| {
+			data: Array<{
+				label: string;
+				score: number;
+			}>;
+			type: "chart";
+	  }
+	| {
+			filename: string;
+			type: "img";
+	  }
+	| {
+			table: string[][];
+			type: "tabular";
+	  }
+	| {
+			content: string;
+			label: string;
+			type: "text";
+	  }
+	| {
+			text: string;
+			tokens: Array<{
+				end: number;
+				start: number;
+				type: string;
+			}>;
+			type: "text-with-tokens";
+	  };
+
+export interface TaskDemo {
+	inputs: TaskDemoEntry[];
+	outputs: TaskDemoEntry[];
+}
+
+export interface TaskData {
+	datasets: ExampleRepo[];
+	demo: TaskDemo;
+	id: PipelineType;
+	isPlaceholder?: boolean;
+	label: string;
+	libraries: ModelLibraryKey[];
+	metrics: ExampleRepo[];
+	models: ExampleRepo[];
+	spaces: ExampleRepo[];
+	summary: string;
+	widgetModels: string[];
+	youtubeId?: string;
+}
+
+export type TaskDataCustom = Omit<TaskData, "id" | "label" | "libraries">;
diff --git a/packages/tasks/src/object-detection/about.md b/packages/tasks/src/tasks/object-detection/about.md
similarity index 100%
rename from packages/tasks/src/object-detection/about.md
rename to packages/tasks/src/tasks/object-detection/about.md
diff --git a/packages/tasks/src/object-detection/data.ts b/packages/tasks/src/tasks/object-detection/data.ts
similarity index 97%
rename from packages/tasks/src/object-detection/data.ts
rename to packages/tasks/src/tasks/object-detection/data.ts
index 8ffe8ea1b070c7cd89427197093c3e9a18cefbee..dea166a9a5fc5ae8d58fb25b497b40b99bb664a7 100644
--- a/packages/tasks/src/object-detection/data.ts
+++ b/packages/tasks/src/tasks/object-detection/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/placeholder/about.md b/packages/tasks/src/tasks/placeholder/about.md
similarity index 100%
rename from packages/tasks/src/placeholder/about.md
rename to packages/tasks/src/tasks/placeholder/about.md
diff --git a/packages/tasks/src/placeholder/data.ts b/packages/tasks/src/tasks/placeholder/data.ts
similarity index 83%
rename from packages/tasks/src/placeholder/data.ts
rename to packages/tasks/src/tasks/placeholder/data.ts
index 3660b52194e88b0ae1391b34b970d6b6c1e27cc4..0cbc735ad92a29ad51e6db61be1dae02a8bb1dba 100644
--- a/packages/tasks/src/placeholder/data.ts
+++ b/packages/tasks/src/tasks/placeholder/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [],
diff --git a/packages/tasks/src/question-answering/about.md b/packages/tasks/src/tasks/question-answering/about.md
similarity index 100%
rename from packages/tasks/src/question-answering/about.md
rename to packages/tasks/src/tasks/question-answering/about.md
diff --git a/packages/tasks/src/question-answering/data.ts b/packages/tasks/src/tasks/question-answering/data.ts
similarity index 97%
rename from packages/tasks/src/question-answering/data.ts
rename to packages/tasks/src/tasks/question-answering/data.ts
index dee5ccf644cb53a148a6a6c0bc4bb398b3bf6c27..f80e138f6bbc362313717bbe727ca0955ad57a32 100644
--- a/packages/tasks/src/question-answering/data.ts
+++ b/packages/tasks/src/tasks/question-answering/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/reinforcement-learning/about.md b/packages/tasks/src/tasks/reinforcement-learning/about.md
similarity index 100%
rename from packages/tasks/src/reinforcement-learning/about.md
rename to packages/tasks/src/tasks/reinforcement-learning/about.md
diff --git a/packages/tasks/src/reinforcement-learning/data.ts b/packages/tasks/src/tasks/reinforcement-learning/data.ts
similarity index 98%
rename from packages/tasks/src/reinforcement-learning/data.ts
rename to packages/tasks/src/tasks/reinforcement-learning/data.ts
index 78731ec20366f3551e0366e3001c7b708c909487..71290d67776c2373b8a20c9f2c434ba75f7b08f5 100644
--- a/packages/tasks/src/reinforcement-learning/data.ts
+++ b/packages/tasks/src/tasks/reinforcement-learning/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/sentence-similarity/about.md b/packages/tasks/src/tasks/sentence-similarity/about.md
similarity index 100%
rename from packages/tasks/src/sentence-similarity/about.md
rename to packages/tasks/src/tasks/sentence-similarity/about.md
diff --git a/packages/tasks/src/sentence-similarity/data.ts b/packages/tasks/src/tasks/sentence-similarity/data.ts
similarity index 98%
rename from packages/tasks/src/sentence-similarity/data.ts
rename to packages/tasks/src/tasks/sentence-similarity/data.ts
index 0f71b39468e209b3faf3690c8d0a1f827d9212c9..6feba5779864dbc99cb71a05233b69c0bc53c8a3 100644
--- a/packages/tasks/src/sentence-similarity/data.ts
+++ b/packages/tasks/src/tasks/sentence-similarity/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/summarization/about.md b/packages/tasks/src/tasks/summarization/about.md
similarity index 100%
rename from packages/tasks/src/summarization/about.md
rename to packages/tasks/src/tasks/summarization/about.md
diff --git a/packages/tasks/src/summarization/data.ts b/packages/tasks/src/tasks/summarization/data.ts
similarity index 98%
rename from packages/tasks/src/summarization/data.ts
rename to packages/tasks/src/tasks/summarization/data.ts
index d0afc85282a6ec9732b9ae56487a4355ca7872c9..b13fa3d163a4116b4b6a6f995ba1e37e28a3854e 100644
--- a/packages/tasks/src/summarization/data.ts
+++ b/packages/tasks/src/tasks/summarization/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/table-question-answering/about.md b/packages/tasks/src/tasks/table-question-answering/about.md
similarity index 100%
rename from packages/tasks/src/table-question-answering/about.md
rename to packages/tasks/src/tasks/table-question-answering/about.md
diff --git a/packages/tasks/src/table-question-answering/data.ts b/packages/tasks/src/tasks/table-question-answering/data.ts
similarity index 97%
rename from packages/tasks/src/table-question-answering/data.ts
rename to packages/tasks/src/tasks/table-question-answering/data.ts
index 6ad9fd0afbe82d4ef0c2454c4fa29b865e62461c..7a4691146623f0f106e062fe96a98d701e104325 100644
--- a/packages/tasks/src/table-question-answering/data.ts
+++ b/packages/tasks/src/tasks/table-question-answering/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/tabular-classification/about.md b/packages/tasks/src/tasks/tabular-classification/about.md
similarity index 100%
rename from packages/tasks/src/tabular-classification/about.md
rename to packages/tasks/src/tasks/tabular-classification/about.md
diff --git a/packages/tasks/src/tabular-classification/data.ts b/packages/tasks/src/tasks/tabular-classification/data.ts
similarity index 96%
rename from packages/tasks/src/tabular-classification/data.ts
rename to packages/tasks/src/tasks/tabular-classification/data.ts
index 5cc3f4b9a98066d9df0c62c8d284f70dfa883db8..c7284cc50e2843ee3515436516687124894ff2d7 100644
--- a/packages/tasks/src/tabular-classification/data.ts
+++ b/packages/tasks/src/tasks/tabular-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/tabular-regression/about.md b/packages/tasks/src/tasks/tabular-regression/about.md
similarity index 100%
rename from packages/tasks/src/tabular-regression/about.md
rename to packages/tasks/src/tasks/tabular-regression/about.md
diff --git a/packages/tasks/src/tabular-regression/data.ts b/packages/tasks/src/tasks/tabular-regression/data.ts
similarity index 96%
rename from packages/tasks/src/tabular-regression/data.ts
rename to packages/tasks/src/tasks/tabular-regression/data.ts
index c5b78753861505113a4a5eab8ab31939dbcf4458..d4f085d24736391e990081104b2aaeb0f713eb98 100644
--- a/packages/tasks/src/tabular-regression/data.ts
+++ b/packages/tasks/src/tasks/tabular-regression/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/text-classification/about.md b/packages/tasks/src/tasks/text-classification/about.md
similarity index 100%
rename from packages/tasks/src/text-classification/about.md
rename to packages/tasks/src/tasks/text-classification/about.md
diff --git a/packages/tasks/src/text-classification/data.ts b/packages/tasks/src/tasks/text-classification/data.ts
similarity index 97%
rename from packages/tasks/src/text-classification/data.ts
rename to packages/tasks/src/tasks/text-classification/data.ts
index 7893753caae5de3036692e32b8135a47f139924b..068785e18d32b01fa145894100103f5a2834c5c5 100644
--- a/packages/tasks/src/text-classification/data.ts
+++ b/packages/tasks/src/tasks/text-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/text-generation/about.md b/packages/tasks/src/tasks/text-generation/about.md
similarity index 100%
rename from packages/tasks/src/text-generation/about.md
rename to packages/tasks/src/tasks/text-generation/about.md
diff --git a/packages/tasks/src/text-generation/data.ts b/packages/tasks/src/tasks/text-generation/data.ts
similarity index 98%
rename from packages/tasks/src/text-generation/data.ts
rename to packages/tasks/src/tasks/text-generation/data.ts
index 277e2009531abb7157c4a305c49afc6dcee7dbd2..d442e247b67b54b191d61d23522507506bc3cbb0 100644
--- a/packages/tasks/src/text-generation/data.ts
+++ b/packages/tasks/src/tasks/text-generation/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/text-to-image/about.md b/packages/tasks/src/tasks/text-to-image/about.md
similarity index 100%
rename from packages/tasks/src/text-to-image/about.md
rename to packages/tasks/src/tasks/text-to-image/about.md
diff --git a/packages/tasks/src/text-to-image/data.ts b/packages/tasks/src/tasks/text-to-image/data.ts
similarity index 98%
rename from packages/tasks/src/text-to-image/data.ts
rename to packages/tasks/src/tasks/text-to-image/data.ts
index 0a6c41ac13abf5149fef865f32fc4afee8f041a1..8724677267b28ee9987bbc2cd83a21ce8829e636 100644
--- a/packages/tasks/src/text-to-image/data.ts
+++ b/packages/tasks/src/tasks/text-to-image/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/text-to-speech/about.md b/packages/tasks/src/tasks/text-to-speech/about.md
similarity index 100%
rename from packages/tasks/src/text-to-speech/about.md
rename to packages/tasks/src/tasks/text-to-speech/about.md
diff --git a/packages/tasks/src/text-to-speech/data.ts b/packages/tasks/src/tasks/text-to-speech/data.ts
similarity index 97%
rename from packages/tasks/src/text-to-speech/data.ts
rename to packages/tasks/src/tasks/text-to-speech/data.ts
index cec5a32c474c9c86760e454a2a48326b7e305416..73560b7afc8e38cc003d1bc60f2af808abc895f1 100644
--- a/packages/tasks/src/text-to-speech/data.ts
+++ b/packages/tasks/src/tasks/text-to-speech/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/text-to-video/about.md b/packages/tasks/src/tasks/text-to-video/about.md
similarity index 100%
rename from packages/tasks/src/text-to-video/about.md
rename to packages/tasks/src/tasks/text-to-video/about.md
diff --git a/packages/tasks/src/text-to-video/data.ts b/packages/tasks/src/tasks/text-to-video/data.ts
similarity index 98%
rename from packages/tasks/src/text-to-video/data.ts
rename to packages/tasks/src/tasks/text-to-video/data.ts
index 17fba749c0eaba78b38ebdc112f55fc60336965e..b9639e1f5a9dfc96607d71604a7f9ef1b9d63904 100644
--- a/packages/tasks/src/text-to-video/data.ts
+++ b/packages/tasks/src/tasks/text-to-video/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/token-classification/about.md b/packages/tasks/src/tasks/token-classification/about.md
similarity index 100%
rename from packages/tasks/src/token-classification/about.md
rename to packages/tasks/src/tasks/token-classification/about.md
diff --git a/packages/tasks/src/token-classification/data.ts b/packages/tasks/src/tasks/token-classification/data.ts
similarity index 97%
rename from packages/tasks/src/token-classification/data.ts
rename to packages/tasks/src/tasks/token-classification/data.ts
index cb3e211df92f7366d1209c194c0ec481cd0380c1..d4510819fd11e9ea38b9e51c43e2fe551d404966 100644
--- a/packages/tasks/src/token-classification/data.ts
+++ b/packages/tasks/src/tasks/token-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/translation/about.md b/packages/tasks/src/tasks/translation/about.md
similarity index 100%
rename from packages/tasks/src/translation/about.md
rename to packages/tasks/src/tasks/translation/about.md
diff --git a/packages/tasks/src/translation/data.ts b/packages/tasks/src/tasks/translation/data.ts
similarity index 97%
rename from packages/tasks/src/translation/data.ts
rename to packages/tasks/src/tasks/translation/data.ts
index 7973a77bd0142c603b5147dcdbf4f97501f8c9fa..c0e4c3a34035806a3321e0c068a9774bb39be044 100644
--- a/packages/tasks/src/translation/data.ts
+++ b/packages/tasks/src/tasks/translation/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/unconditional-image-generation/about.md b/packages/tasks/src/tasks/unconditional-image-generation/about.md
similarity index 100%
rename from packages/tasks/src/unconditional-image-generation/about.md
rename to packages/tasks/src/tasks/unconditional-image-generation/about.md
diff --git a/packages/tasks/src/unconditional-image-generation/data.ts b/packages/tasks/src/tasks/unconditional-image-generation/data.ts
similarity index 98%
rename from packages/tasks/src/unconditional-image-generation/data.ts
rename to packages/tasks/src/tasks/unconditional-image-generation/data.ts
index f9eeac7e45900294fa268234f92a8f7b7f5ff494..8cbf8a016807af5ca14e04d1416175c95d014757 100644
--- a/packages/tasks/src/unconditional-image-generation/data.ts
+++ b/packages/tasks/src/tasks/unconditional-image-generation/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/video-classification/about.md b/packages/tasks/src/tasks/video-classification/about.md
similarity index 100%
rename from packages/tasks/src/video-classification/about.md
rename to packages/tasks/src/tasks/video-classification/about.md
diff --git a/packages/tasks/src/video-classification/data.ts b/packages/tasks/src/tasks/video-classification/data.ts
similarity index 97%
rename from packages/tasks/src/video-classification/data.ts
rename to packages/tasks/src/tasks/video-classification/data.ts
index 2f6e4d93551ddea48d5c64b831d23ac79fbe9e5a..f02d2bbed4c826456b736fddb2e705b13bfce3a3 100644
--- a/packages/tasks/src/video-classification/data.ts
+++ b/packages/tasks/src/tasks/video-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/visual-question-answering/about.md b/packages/tasks/src/tasks/visual-question-answering/about.md
similarity index 100%
rename from packages/tasks/src/visual-question-answering/about.md
rename to packages/tasks/src/tasks/visual-question-answering/about.md
diff --git a/packages/tasks/src/visual-question-answering/data.ts b/packages/tasks/src/tasks/visual-question-answering/data.ts
similarity index 97%
rename from packages/tasks/src/visual-question-answering/data.ts
rename to packages/tasks/src/tasks/visual-question-answering/data.ts
index 83a7e69496945aea9867eadd25d89af4fb9f79c9..be140665d0aa7422f01225523c868ee035fd3a71 100644
--- a/packages/tasks/src/visual-question-answering/data.ts
+++ b/packages/tasks/src/tasks/visual-question-answering/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/zero-shot-classification/about.md b/packages/tasks/src/tasks/zero-shot-classification/about.md
similarity index 100%
rename from packages/tasks/src/zero-shot-classification/about.md
rename to packages/tasks/src/tasks/zero-shot-classification/about.md
diff --git a/packages/tasks/src/zero-shot-classification/data.ts b/packages/tasks/src/tasks/zero-shot-classification/data.ts
similarity index 96%
rename from packages/tasks/src/zero-shot-classification/data.ts
rename to packages/tasks/src/tasks/zero-shot-classification/data.ts
index c949fd0a197936ad37dcb61850703d40771d84e8..0def512406232d8dba2a448d531ca9196deee654 100644
--- a/packages/tasks/src/zero-shot-classification/data.ts
+++ b/packages/tasks/src/tasks/zero-shot-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/tasks/src/zero-shot-image-classification/about.md b/packages/tasks/src/tasks/zero-shot-image-classification/about.md
similarity index 100%
rename from packages/tasks/src/zero-shot-image-classification/about.md
rename to packages/tasks/src/tasks/zero-shot-image-classification/about.md
diff --git a/packages/tasks/src/zero-shot-image-classification/data.ts b/packages/tasks/src/tasks/zero-shot-image-classification/data.ts
similarity index 97%
rename from packages/tasks/src/zero-shot-image-classification/data.ts
rename to packages/tasks/src/tasks/zero-shot-image-classification/data.ts
index be8da73d4c94f7a4b715fb0f8f2ec2851869cb49..2aa252071f50fae32fb46b258e4020acfb57d9b6 100644
--- a/packages/tasks/src/zero-shot-image-classification/data.ts
+++ b/packages/tasks/src/tasks/zero-shot-image-classification/data.ts
@@ -1,4 +1,4 @@
-import type { TaskDataCustom } from "../Types";
+import type { TaskDataCustom } from "..";
 
 const taskData: TaskDataCustom = {
 	datasets: [
diff --git a/packages/widgets/package.json b/packages/widgets/package.json
index ae280861b68509317a4f93c2a93640960a102dac..8490cb450ab3e795a46d5d79105f3f8d1c7a75e0 100644
--- a/packages/widgets/package.json
+++ b/packages/widgets/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "@huggingface/widgets",
 	"packageManager": "pnpm@8.10.5",
-	"version": "0.0.4",
+	"version": "0.0.15",
 	"publishConfig": {
 		"access": "public"
 	},
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetDropzone/WidgetDropzone.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetDropzone/WidgetDropzone.svelte
index 3cfb0f007df2465df58dca8dcf24ca1b7e7543b9..bcf052d26b11abb2a9055f7c25f58b9f6c16bf0f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetDropzone/WidgetDropzone.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetDropzone/WidgetDropzone.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import IconSpin from "$lib/components/Icons/IconSpin.svelte";
+	import IconSpin from "../../../Icons/IconSpin.svelte";
 	import { getBlobFromUrl } from "../../shared/helpers.js";
 
 	export let accept = "image/*";
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFileInput/WidgetFileInput.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFileInput/WidgetFileInput.svelte
index 9e4c6a54f6fe067142d497c92a87de2d94f5c088..c278b287ea1327ab518783a6b3b85880b27c507f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFileInput/WidgetFileInput.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFileInput/WidgetFileInput.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import IconSpin from "$lib/components/Icons/IconSpin.svelte";
-	import IconFile from "$lib/components/Icons/IconFile.svelte";
+	import IconSpin from "../../../Icons/IconSpin.svelte";
+	import IconFile from "../../../Icons/IconFile.svelte";
 
 	export let accept: string | undefined;
 	export let classNames = "";
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFooter/WidgetFooter.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFooter/WidgetFooter.svelte
index 1ff6749498e0dea03461af2ba5285bdf4eeacc3b..8863222d5878f919d85f8273a6fa851909162a9c 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFooter/WidgetFooter.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetFooter/WidgetFooter.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import IconCode from "$lib/components/Icons/IconCode.svelte";
-	import IconMaximize from "$lib/components/Icons/IconMaximize.svelte";
+	import IconCode from "../../..//Icons/IconCode.svelte";
+	import IconMaximize from "../../..//Icons/IconMaximize.svelte";
 
 	export let onClickMaximizeBtn: () => void;
 	export let outputJson: string;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetHeader/WidgetHeader.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetHeader/WidgetHeader.svelte
index a899908a40cbee3ca25bd0da8a576edfcff99a2d..70460c8cbee076f06ee5dd83fdd458bb02d1dba3 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetHeader/WidgetHeader.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetHeader/WidgetHeader.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { TASKS_DATA, type PipelineType } from "@huggingface/tasks";
 	import { getPipelineTask } from "../../../../utils/ViewUtils.js";
-	import IconInfo from "$lib/components/Icons/IconInfo.svelte";
-	import IconLightning from "$lib/components/Icons/IconLightning.svelte";
+	import IconInfo from "../../..//Icons/IconInfo.svelte";
+	import IconLightning from "../../..//Icons/IconLightning.svelte";
 	import PipelineTag from "../../../PipelineTag/PipelineTag.svelte";
 
 	export let noTitle = false;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInfo/WidgetInfo.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInfo/WidgetInfo.svelte
index e2c70390f001a92b225dd71804d3e89ab52d8802..d3cb2f516f5e74f5ffb52f767b10f643b62c55f1 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInfo/WidgetInfo.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInfo/WidgetInfo.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
+	import { InferenceDisplayability } from "@huggingface/tasks";
 	import { type WidgetProps, type ModelLoadInfo, LoadState, ComputeType } from "../types.js";
-	import IconAzureML from "$lib/components/Icons/IconAzureML.svelte";
-	import { InferenceDisplayability } from "../../../../interfaces/InferenceDisplayability.js";
-	import IconInfo from "$lib/components/Icons/IconInfo.svelte";
+	import IconAzureML from "../../..//Icons/IconAzureML.svelte";
+	import IconInfo from "../../..//Icons/IconInfo.svelte";
 
 	export let model: WidgetProps["model"];
 	export let computeTime: string = "";
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamples/WidgetInputSamples.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamples/WidgetInputSamples.svelte
index be37c4b60b33c25c07aa35b847779722383eaffa..c6aaae59ffe14ebcedd5a41724cfc6cf62f12d3c 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamples/WidgetInputSamples.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamples/WidgetInputSamples.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import type { ExampleRunOpts } from "../types.js";
-	import type { WidgetExample } from "../WidgetExample.js";
+	import type { WidgetExample } from "@huggingface/tasks";
 
 	type TWidgetExample = $$Generic<WidgetExample>;
 
 	import { slide } from "svelte/transition";
 
-	import IconCaretDownV2 from "$lib/components/Icons/IconCaretDownV2.svelte";
+	import IconCaretDownV2 from "../../..//Icons/IconCaretDownV2.svelte";
 
 	export let classNames = "";
 	export let isLoading = false;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamplesGroup/WidgetInputSamplesGroup.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamplesGroup/WidgetInputSamplesGroup.svelte
index 97283b98841fedde314399a791b6234e9dd13e23..1aea87127e6a9a9e5a7c7edd44ba19c0bd57118f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamplesGroup/WidgetInputSamplesGroup.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetInputSamplesGroup/WidgetInputSamplesGroup.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { slide } from "svelte/transition";
 
-	import IconCaretDownV2 from "$lib/components/Icons/IconCaretDownV2.svelte";
+	import IconCaretDownV2 from "../../..//Icons/IconCaretDownV2.svelte";
 
 	export let classNames = "";
 	export let isLoading = false;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetModelLoading/WidgetModelLoading.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetModelLoading/WidgetModelLoading.svelte
index 5c7e5f7618f062d6aa98bf3e272ea216e163f6fb..a8af2c181369eb8f18d0754bdeeca9aeec15ace5 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetModelLoading/WidgetModelLoading.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetModelLoading/WidgetModelLoading.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy, onMount } from "svelte";
 
-	import IconSpin from "$lib/components/Icons/IconSpin.svelte";
+	import IconSpin from "../../..//Icons/IconSpin.svelte";
 
 	export let estimatedTime: number;
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRealtimeRecorder/WidgetRealtimeRecorder.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRealtimeRecorder/WidgetRealtimeRecorder.svelte
index 6056084c2381b0f041180748bcba3e5410d9f4d1..be240045bdbf7fcf2cbaa10bc220bf51896c99e5 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRealtimeRecorder/WidgetRealtimeRecorder.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRealtimeRecorder/WidgetRealtimeRecorder.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { WidgetProps } from "$lib/components/InferenceWidget/shared/types.js";
+	import type { WidgetProps } from "../../..//InferenceWidget/shared/types.js";
 	import { onDestroy, onMount } from "svelte";
-	import IconMagicWand from "$lib/components/Icons/IconMagicWand.svelte";
+	import IconMagicWand from "../../..//Icons/IconMagicWand.svelte";
 	import Recorder from "./Recorder.js";
 
 	export let apiToken: WidgetProps["apiUrl"] | undefined = undefined;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/Recorder.ts b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/Recorder.ts
index 39bed256c3e4909b1346db5b29505ad5b438449a..c97e6a791c8f94e6d9b0b99db8fae391999c0a97 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/Recorder.ts
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/Recorder.ts
@@ -1,5 +1,3 @@
-import { delay } from "$lib/utils/ViewUtils.js";
-
 export default class Recorder {
 	// see developers.google.com/web/updates/2016/01/mediarecorder
 	type: "audio" | "video" = "audio";
@@ -57,7 +55,7 @@ export default class Recorder {
 			return new Blob(this.recordedBlobs);
 		}
 
-		await delay(30);
+		await new Promise((resolve) => setTimeout(resolve, 30));
 		// Wait for the last blob in handleDataAvailable.
 		// Alternative: hook into `onstop` event.
 		const superBuffer = new Blob(this.recordedBlobs, {
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/WidgetRecorder.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/WidgetRecorder.svelte
index 05de83da5d0a76caf498c9a7cda0fd1eb9b20448..d88a23d9ea581c92d6f4bd64d9308f0b6ffaa581 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/WidgetRecorder.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetRecorder/WidgetRecorder.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy, onMount } from "svelte";
 
-	import IconMicrophone from "$lib/components/Icons/IconMicrophone.svelte";
+	import IconMicrophone from "../../..//Icons/IconMicrophone.svelte";
 
 	import Recorder from "./Recorder.js";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte
index 6fc03b2b178d8a17d5c68c3dbd38726338542cd7..4f47ef222962c6db9722b0b7bbed8128a9bbc959 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import IconSpin from "$lib/components/Icons/IconSpin.svelte";
+	import IconSpin from "../../..//Icons/IconSpin.svelte";
 
 	export let classNames = "";
 	export let isDisabled = false;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetTableInput/WidgetTableInput.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetTableInput/WidgetTableInput.svelte
index 765ef6d23494385fba3a0cdfe749b6b5c6131b94..43e540c8461c776e67689a70636aaf02ddd88cfc 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetTableInput/WidgetTableInput.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetTableInput/WidgetTableInput.svelte
@@ -4,7 +4,7 @@
 	import { onMount, tick } from "svelte";
 
 	import { scrollToMax } from "../../../../utils/ViewUtils.js";
-	import IconRow from "$lib/components/Icons/IconRow.svelte";
+	import IconRow from "../../..//Icons/IconRow.svelte";
 
 	export let onChange: (table: (string | number)[][]) => void;
 	export let highlighted: HighlightCoordinates;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetWrapper/WidgetWrapper.svelte b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetWrapper/WidgetWrapper.svelte
index 4d171a03b9e75c0b226a80a879e4b119d0833415..276c8d1bbf011edc88a1fc0fb8cabcf397eff342 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetWrapper/WidgetWrapper.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/WidgetWrapper/WidgetWrapper.svelte
@@ -1,25 +1,21 @@
 <script lang="ts">
+	import { InferenceDisplayability } from "@huggingface/tasks";
+	import type { WidgetExample, WidgetExampleAttribute } from "@huggingface/tasks";
 	import type { WidgetProps, ModelLoadInfo, ExampleRunOpts } from "../types.js";
-	import type { WidgetExample, WidgetExampleAttribute } from "../WidgetExample.js";
 
 	type TWidgetExample = $$Generic<WidgetExample>;
 
 	import { onMount } from "svelte";
 
-	import IconCross from "$lib/components/Icons/IconCross.svelte";
+	import IconCross from "../../..//Icons/IconCross.svelte";
 	import WidgetInputSamples from "../WidgetInputSamples/WidgetInputSamples.svelte";
 	import WidgetInputSamplesGroup from "../WidgetInputSamplesGroup/WidgetInputSamplesGroup.svelte";
 	import WidgetFooter from "../WidgetFooter/WidgetFooter.svelte";
 	import WidgetHeader from "../WidgetHeader/WidgetHeader.svelte";
 	import WidgetInfo from "../WidgetInfo/WidgetInfo.svelte";
 	import WidgetModelLoading from "../WidgetModelLoading/WidgetModelLoading.svelte";
-	import {
-		getModelLoadInfo,
-		getQueryParamVal,
-		getWidgetExample,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
+	import { getModelLoadInfo, getQueryParamVal, getWidgetExample } from "../../..//InferenceWidget/shared/helpers.js";
 	import { modelLoadStates } from "../../stores.js";
-	import { InferenceDisplayability } from "../../../../interfaces/InferenceDisplayability.js";
 
 	export let apiUrl: string;
 	export let callApiOnMount: WidgetProps["callApiOnMount"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/helpers.ts b/packages/widgets/src/lib/components/InferenceWidget/shared/helpers.ts
index d34113757f3033b1d903a8f2a3ec0fa6e77c6ee5..6c1a2ca8535ee6a8ae8ae6674818ba66cb8bf476 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/helpers.ts
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/helpers.ts
@@ -1,6 +1,5 @@
-import type { ModelData } from "$lib/interfaces/Types.js";
+import type { ModelData, WidgetExample, WidgetExampleAttribute } from "@huggingface/tasks";
 import { randomItem, parseJSON } from "../../../utils/ViewUtils.js";
-import type { WidgetExample, WidgetExampleAttribute } from "./WidgetExample.js";
 import type { ModelLoadInfo, TableData } from "./types.js";
 import { LoadState } from "./types.js";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/inputValidation.ts b/packages/widgets/src/lib/components/InferenceWidget/shared/inputValidation.ts
index 06224afdde3e84fc3fe654d9e52bf71511e639f9..cdffa1c69ae9ba52dcdc4c2898d67e2a27402ca2 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/inputValidation.ts
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/inputValidation.ts
@@ -11,7 +11,7 @@ import type {
 	WidgetExampleTextAndTableInput,
 	WidgetExampleTextInput,
 	WidgetExampleZeroShotTextInput,
-} from "./WidgetExample.js";
+} from "@huggingface/tasks";
 
 export function isTextInput<TOutput>(sample: WidgetExample<TOutput>): sample is WidgetExampleTextInput<TOutput> {
 	return "text" in sample;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/outputValidation.ts b/packages/widgets/src/lib/components/InferenceWidget/shared/outputValidation.ts
index 66b092a2c5b179f01d772b8f3768e2bd795a734c..8492f41c0e9d95247d46c8a1f72d85212c8e26da 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/outputValidation.ts
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/outputValidation.ts
@@ -3,7 +3,7 @@ import type {
 	WidgetExampleOutputAnswerScore,
 	WidgetExampleOutputText,
 	WidgetExampleOutputUrl,
-} from "./WidgetExample.js";
+} from "@huggingface/tasks";
 
 export function isValidOutputLabels(arg: unknown): arg is WidgetExampleOutputLabels {
 	return Array.isArray(arg) && arg.every((x) => typeof x.label === "string" && typeof x.score === "number");
diff --git a/packages/widgets/src/lib/components/InferenceWidget/shared/types.ts b/packages/widgets/src/lib/components/InferenceWidget/shared/types.ts
index 70b6f4b41e4ff3a40f3172b61dcbbeb9e6bf06f3..8c6b75be7390a17a34aaa3952f032bc5e37794ca 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/shared/types.ts
+++ b/packages/widgets/src/lib/components/InferenceWidget/shared/types.ts
@@ -1,5 +1,4 @@
-import type { ModelData } from "../../../interfaces/Types.js";
-import type { WidgetExampleOutput } from "./WidgetExample.js";
+import type { ModelData, WidgetExampleOutput } from "@huggingface/tasks";
 
 export interface WidgetProps {
 	apiToken?: string;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioClassificationWidget/AudioClassificationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioClassificationWidget/AudioClassificationWidget.svelte
index d75cea4f8ec57c40efc37022475cd96156703b9b..85714456399d1f4db1c81ff888d843cea18f0d87 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioClassificationWidget/AudioClassificationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioClassificationWidget/AudioClassificationWidget.svelte
@@ -1,10 +1,6 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExample,
-		WidgetExampleAssetInput,
-		WidgetExampleOutputLabels,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExample, WidgetExampleAssetInput, WidgetExampleOutputLabels } from "@huggingface/tasks";
 
 	import WidgetAudioTrack from "../../shared/WidgetAudioTrack/WidgetAudioTrack.svelte";
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
@@ -12,9 +8,9 @@
 	import WidgetRecorder from "../../shared/WidgetRecorder/WidgetRecorder.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputLabels } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isAssetInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
+	import { isValidOutputLabels } from "../../shared/outputValidation.js";
+	import { isAssetInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioToAudioWidget/AudioToAudioWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioToAudioWidget/AudioToAudioWidget.svelte
index 5592fc5793b8f1e7ff1785b0a2250b8afecdd6db..a908d08928691148fb8433a1704d06c7cc3560d7 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioToAudioWidget/AudioToAudioWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/AudioToAudioWidget/AudioToAudioWidget.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetInput } from "@huggingface/tasks";
 
 	import WidgetAudioTrack from "../../shared/WidgetAudioTrack/WidgetAudioTrack.svelte";
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetRecorder from "../../shared/WidgetRecorder/WidgetRecorder.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isAssetInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
+	import { isAssetInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/AutomaticSpeechRecognitionWidget/AutomaticSpeechRecognitionWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/AutomaticSpeechRecognitionWidget/AutomaticSpeechRecognitionWidget.svelte
index 94687285a0eccde262346ba10fdef41c5100f76e..537614f36b09034d91bbc2683623b6c32b2354f0 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/AutomaticSpeechRecognitionWidget/AutomaticSpeechRecognitionWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/AutomaticSpeechRecognitionWidget/AutomaticSpeechRecognitionWidget.svelte
@@ -1,10 +1,6 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExample,
-		WidgetExampleAssetInput,
-		WidgetExampleOutputText,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExample, WidgetExampleAssetInput, WidgetExampleOutputText } from "@huggingface/tasks";
 
 	import WidgetAudioTrack from "../../shared/WidgetAudioTrack/WidgetAudioTrack.svelte";
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
@@ -13,9 +9,9 @@
 	import WidgetRealtimeRecorder from "../../shared/WidgetRealtimeRecorder/WidgetRealtimeRecorder.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputText } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isAssetInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
+	import { isValidOutputText } from "../../shared/outputValidation.js";
+	import { isAssetInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ConversationalWidget/ConversationalWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ConversationalWidget/ConversationalWidget.svelte
index b3d90789dc53e319584e5db81427eefb0c5b8416..ae876532974b55eead36ef2a1aecc5535b307965 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ConversationalWidget/ConversationalWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ConversationalWidget/ConversationalWidget.svelte
@@ -1,16 +1,12 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput } from "@huggingface/tasks";
 
 	import WidgetOutputConvo from "../../shared/WidgetOutputConvo/WidgetOutputConvo.svelte";
 	import WidgetQuickInput from "../../shared/WidgetQuickInput/WidgetQuickInput.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/FeatureExtractionWidget/FeatureExtractionWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/FeatureExtractionWidget/FeatureExtractionWidget.svelte
index d9f07a5268422fbcd2e5bd7d500148edcc8663a8..af68099516e57c33b5e917eab322b2a20d647a27 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/FeatureExtractionWidget/FeatureExtractionWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/FeatureExtractionWidget/FeatureExtractionWidget.svelte
@@ -1,15 +1,11 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput } from "@huggingface/tasks";
 
 	import WidgetQuickInput from "../../shared/WidgetQuickInput/WidgetQuickInput.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	import { DataTable } from "./DataTable.js";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/FillMaskWidget/FillMaskWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/FillMaskWidget/FillMaskWidget.svelte
index b8c00e06d9b58b523dcd547136363ecb1f32b22b..4fbd6d9bcbcbe4b6310e4375cc769d4eaf17264f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/FillMaskWidget/FillMaskWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/FillMaskWidget/FillMaskWidget.svelte
@@ -1,22 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExampleTextInput,
-		WidgetExampleOutputLabels,
-		WidgetExample,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput, WidgetExampleOutputLabels, WidgetExample } from "@huggingface/tasks";
 
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
 	import WidgetTextarea from "../../shared/WidgetTextarea/WidgetTextarea.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputLabels } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isValidOutputLabels } from "../../shared/outputValidation.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageClassificationWidget/ImageClassificationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageClassificationWidget/ImageClassificationWidget.svelte
index 33961aed520414ca9179ae5029d81968381f4700..8e1f25b31968e125eebd5891b640115b01361fb8 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageClassificationWidget/ImageClassificationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageClassificationWidget/ImageClassificationWidget.svelte
@@ -1,18 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, InferenceRunOpts, ExampleRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExample,
-		WidgetExampleAssetInput,
-		WidgetExampleOutputLabels,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, InferenceRunOpts, ExampleRunOpts } from "../../shared/types.js";
+	import type { WidgetExample, WidgetExampleAssetInput, WidgetExampleOutputLabels } from "@huggingface/tasks";
 
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetDropzone from "../../shared/WidgetDropzone/WidgetDropzone.svelte";
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputLabels } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
+	import { isValidOutputLabels } from "../../shared/outputValidation.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/Canvas.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/Canvas.svelte
index 082b1062efac8aee2e10efe2d9bb7546c0438b74..3000d5621ed46a1b3b89a6259d34a24d28789cb2 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/Canvas.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/Canvas.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ImageSegment } from "$lib/components/InferenceWidget/shared/types.js";
+	import type { ImageSegment } from "../../shared/types.js";
 
 	import { afterUpdate } from "svelte";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/ImageSegmentationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/ImageSegmentationWidget.svelte
index beff590a69dd47eb91df369e8cd75b34ed441300..c6c1a37dfaa9f8ed10b75d26f79e93b788064498 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/ImageSegmentationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageSegmentationWidget/ImageSegmentationWidget.svelte
@@ -1,22 +1,17 @@
 <script lang="ts">
-	import type {
-		WidgetProps,
-		ImageSegment,
-		ExampleRunOpts,
-		InferenceRunOpts,
-	} from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ImageSegment, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetInput } from "@huggingface/tasks";
 
 	import { onMount } from "svelte";
 
-	import { COLORS } from "$lib/components/InferenceWidget/shared/consts.js";
-	import { clamp, mod, hexToRgb } from "$lib/utils/ViewUtils.js";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
+	import { COLORS } from "../../shared/consts.js";
+	import { clamp, mod, hexToRgb } from "../../../../utils/ViewUtils.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetDropzone from "../../shared/WidgetDropzone/WidgetDropzone.svelte";
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { isAssetInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { isAssetInput } from "../../shared/inputValidation.js";
 
 	import Canvas from "./Canvas.svelte";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToImageWidget/ImageToImageWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToImageWidget/ImageToImageWidget.svelte
index 2d1ecbf36d3772b87da48cd4dee4ff0f42d67b06..53331ec56a7d09345e363609245170a4096b926b 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToImageWidget/ImageToImageWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToImageWidget/ImageToImageWidget.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetAndPromptInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetAndPromptInput } from "@huggingface/tasks";
 
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetDropzone from "../../shared/WidgetDropzone/WidgetDropzone.svelte";
 	import WidgetTextInput from "../../shared/WidgetTextInput/WidgetTextInput.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { addInferenceParameters, callInferenceApi } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isAssetAndPromptInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi } from "../../shared/helpers.js";
+	import { isAssetAndPromptInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToTextWidget/ImageToTextWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToTextWidget/ImageToTextWidget.svelte
index 0b7acee47339414c9b08fc0e074eb0baa08dad3d..c531b42282a089a2e91e6d43c3c2b025a6cf5de6 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToTextWidget/ImageToTextWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ImageToTextWidget/ImageToTextWidget.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetInput } from "@huggingface/tasks";
 
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetDropzone from "../../shared/WidgetDropzone/WidgetDropzone.svelte";
 	import WidgetOutputText from "../../shared/WidgetOutputText/WidgetOutputText.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isAssetInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
+	import { isAssetInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/ObjectDetectionWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/ObjectDetectionWidget.svelte
index a14e3ba2863da720832e21ca28f5a3bdfb85ba27..8c0d49ce27a7e12785f9bfc1d08e845faf41d9c2 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/ObjectDetectionWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/ObjectDetectionWidget.svelte
@@ -1,20 +1,15 @@
 <script lang="ts">
-	import type {
-		WidgetProps,
-		DetectedObject,
-		ExampleRunOpts,
-		InferenceRunOpts,
-	} from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
-
-	import { mod } from "$lib/utils/ViewUtils.js";
-	import { COLORS } from "$lib/components/InferenceWidget/shared/consts.js";
+	import type { WidgetProps, DetectedObject, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetInput } from "@huggingface/tasks";
+
+	import { mod } from "../../../../utils/ViewUtils.js";
+	import { COLORS } from "../../shared/consts.js";
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetDropzone from "../../shared/WidgetDropzone/WidgetDropzone.svelte";
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { callInferenceApi, getBlobFromUrl } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isAssetInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { callInferenceApi, getBlobFromUrl } from "../../shared/helpers.js";
+	import { isAssetInput } from "../../shared/inputValidation.js";
 
 	import BoundingBoxes from "./SvgBoundingBoxes.svelte";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/SvgBoundingBoxes.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/SvgBoundingBoxes.svelte
index 90446b606298b2d469c84d48e7f61d52da7d695f..a6ca09c5aa7148358bcd9fd716edab2d35fc6c0b 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/SvgBoundingBoxes.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ObjectDetectionWidget/SvgBoundingBoxes.svelte
@@ -10,7 +10,7 @@ text-cyan-400
 text-lime-400
  -->
 <script lang="ts">
-	import type { DetectedObject } from "$lib/components/InferenceWidget/shared/types.js";
+	import type { DetectedObject } from "../../shared/types.js";
 
 	import { afterUpdate } from "svelte";
 
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/QuestionAnsweringWidget/QuestionAnsweringWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/QuestionAnsweringWidget/QuestionAnsweringWidget.svelte
index 53479ee8f75b0aa2005cc376dacd3550cfd42e86..2252c5d077b9c503c74b48fb4bc05f5e07c651af 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/QuestionAnsweringWidget/QuestionAnsweringWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/QuestionAnsweringWidget/QuestionAnsweringWidget.svelte
@@ -1,21 +1,17 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
 	import type {
 		WidgetExample,
 		WidgetExampleOutputAnswerScore,
 		WidgetExampleTextAndContextInput,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	} from "@huggingface/tasks";
 
 	import WidgetQuickInput from "../../shared/WidgetQuickInput/WidgetQuickInput.svelte";
 	import WidgetTextarea from "../../shared/WidgetTextarea/WidgetTextarea.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputAnswerScore } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isTextAndContextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isValidOutputAnswerScore } from "../../shared/outputValidation.js";
+	import { isTextAndContextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ReinforcementLearningWidget/ReinforcementLearningWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ReinforcementLearningWidget/ReinforcementLearningWidget.svelte
index 3e6714ab2f23a522bf898e27dbfa1a010b4171b3..348f4b65e6307911566f9cc5cd300e753b5ac41c 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ReinforcementLearningWidget/ReinforcementLearningWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ReinforcementLearningWidget/ReinforcementLearningWidget.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { WidgetProps } from "$lib/components/InferenceWidget/shared/types.js";
+	import type { WidgetProps } from "../../shared/types.js";
 
 	import { onMount } from "svelte";
 
-	import IconSpin from "$lib/components/Icons/IconSpin.svelte";
-	import IconCross from "$lib/components/Icons/IconCross.svelte";
+	import IconSpin from "../../../Icons/IconSpin.svelte";
+	import IconCross from "../../../Icons/IconCross.svelte";
 	import WidgetHeader from "../../shared/WidgetHeader/WidgetHeader.svelte";
 
 	export let apiToken: WidgetProps["apiToken"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/SentenceSimilarityWidget/SentenceSimilarityWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/SentenceSimilarityWidget/SentenceSimilarityWidget.svelte
index 07308d7a847abebbf929b972b60a450abc67e2b9..e957d33a3eaf1bc0b24e50606821cdb5190ba1b0 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/SentenceSimilarityWidget/SentenceSimilarityWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/SentenceSimilarityWidget/SentenceSimilarityWidget.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleSentenceSimilarityInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleSentenceSimilarityInput } from "@huggingface/tasks";
 
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetAddSentenceBtn from "../../shared/WidgetAddSentenceBtn/WidgetAddSentenceBtn.svelte";
 	import WidgetTextInput from "../../shared/WidgetTextInput/WidgetTextInput.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { addInferenceParameters, callInferenceApi } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isSentenceSimilarityInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi } from "../../shared/helpers.js";
+	import { isSentenceSimilarityInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/SummarizationWidget/SummarizationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/SummarizationWidget/SummarizationWidget.svelte
index e2e4680d148156e1a75e2ad5fd8f0f9d76f960e0..1179495fca0bfefe8c0cf15986f1efe7f540578f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/SummarizationWidget/SummarizationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/SummarizationWidget/SummarizationWidget.svelte
@@ -1,17 +1,13 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput } from "@huggingface/tasks";
 
 	import WidgetOutputText from "../../shared/WidgetOutputText/WidgetOutputText.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetTextarea from "../../shared/WidgetTextarea/WidgetTextarea.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/TableQuestionAnsweringWidget/TableQuestionAnsweringWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/TableQuestionAnsweringWidget/TableQuestionAnsweringWidget.svelte
index d252b25c843d1bc438221bc10f6890d244b89c16..756ee7b6b3423a73e90a681dffed84eef980452f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/TableQuestionAnsweringWidget/TableQuestionAnsweringWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/TableQuestionAnsweringWidget/TableQuestionAnsweringWidget.svelte
@@ -1,11 +1,6 @@
 <script lang="ts">
-	import type {
-		WidgetProps,
-		HighlightCoordinates,
-		ExampleRunOpts,
-		InferenceRunOpts,
-	} from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleTextAndTableInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, HighlightCoordinates, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextAndTableInput } from "@huggingface/tasks";
 
 	import WidgetQuickInput from "../../shared/WidgetQuickInput/WidgetQuickInput.svelte";
 	import WidgetOutputTableQA from "../../shared/WidgetOutputTableQA/WidgetOutputTableQA.svelte";
@@ -17,8 +12,8 @@
 		convertTableToData,
 		callInferenceApi,
 		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isTextAndTableInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	} from "../../shared/helpers.js";
+	import { isTextAndTableInput } from "../../shared/inputValidation.js";
 	interface Output {
 		aggregator?: string;
 		answer: string;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/TabularDataWidget/TabularDataWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/TabularDataWidget/TabularDataWidget.svelte
index 3c0a12f478d3b0b0197bd8bfc943d88a1349f38e..9e5366174788672d99d8819e622861b4a8b1a9e2 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/TabularDataWidget/TabularDataWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/TabularDataWidget/TabularDataWidget.svelte
@@ -1,27 +1,19 @@
 <script lang="ts">
-	import type {
-		WidgetProps,
-		HighlightCoordinates,
-		InferenceRunOpts,
-		ExampleRunOpts,
-	} from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExampleStructuredDataInput,
-		WidgetExampleOutputLabels,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, HighlightCoordinates, InferenceRunOpts, ExampleRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleStructuredDataInput, WidgetExampleOutputLabels } from "@huggingface/tasks";
 
 	import WidgetTableInput from "../../shared/WidgetTableInput/WidgetTableInput.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import { mod } from "$lib/utils/ViewUtils.js";
+	import { mod } from "../../../../utils/ViewUtils.js";
 	import {
 		addInferenceParameters,
 		convertDataToTable,
 		convertTableToData,
 		callInferenceApi,
 		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isStructuredDataInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	} from "../../shared/helpers.js";
+	import { isStructuredDataInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/TextGenerationWidget/TextGenerationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/TextGenerationWidget/TextGenerationWidget.svelte
index 9a23bb5ad9f5590c2021e3c9b9d232b1f0f7f69a..a4c0059a20f00c784646aee230e359ce3906e933 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/TextGenerationWidget/TextGenerationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/TextGenerationWidget/TextGenerationWidget.svelte
@@ -1,10 +1,6 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExampleTextInput,
-		WidgetExampleOutputText,
-		WidgetExample,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput, WidgetExampleOutputText, WidgetExample } from "@huggingface/tasks";
 
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetShortcutRunLabel from "../../shared/WidgetShortcutRunLabel/WidgetShortcutRunLabel.svelte";
@@ -13,13 +9,9 @@
 	import WidgetTimer from "../../shared/WidgetTimer/WidgetTimer.svelte";
 	import WidgetOutputText from "../../shared/WidgetOutputText/WidgetOutputText.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputText } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isValidOutputText } from "../../shared/outputValidation.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 	import type { PipelineType } from "@huggingface/tasks";
 
 	export let apiToken: WidgetProps["apiToken"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToImageWidget/TextToImageWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToImageWidget/TextToImageWidget.svelte
index ff2d09221de3c0400a2385eba4b1adcde6c38be1..4bc9802d06f23e4d820aab254724c361d7570de5 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToImageWidget/TextToImageWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToImageWidget/TextToImageWidget.svelte
@@ -1,20 +1,12 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type {
-		WidgetExampleTextInput,
-		WidgetExampleOutputUrl,
-		WidgetExample,
-	} from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput, WidgetExampleOutputUrl, WidgetExample } from "@huggingface/tasks";
 
 	import WidgetQuickInput from "../../shared/WidgetQuickInput/WidgetQuickInput.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isValidOutputUrl } from "$lib/components/InferenceWidget/shared/outputValidation.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isValidOutputUrl } from "../../shared/outputValidation.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToSpeechWidget/TextToSpeechWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToSpeechWidget/TextToSpeechWidget.svelte
index 27c174be9671ac1460501249ba625a021e59fb3c..ef1a280bc2c82a32115bf0c648e4cb0e986aaab5 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToSpeechWidget/TextToSpeechWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/TextToSpeechWidget/TextToSpeechWidget.svelte
@@ -1,17 +1,13 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput } from "@huggingface/tasks";
 
 	import WidgetAudioTrack from "../../shared/WidgetAudioTrack/WidgetAudioTrack.svelte";
 	import WidgetTextarea from "../../shared/WidgetTextarea/WidgetTextarea.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/TokenClassificationWidget/TokenClassificationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/TokenClassificationWidget/TokenClassificationWidget.svelte
index f0f9fb25834fb45903340cdbc737ec834b1b49d5..412c77daf568833c403522a879be71efe556f29f 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/TokenClassificationWidget/TokenClassificationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/TokenClassificationWidget/TokenClassificationWidget.svelte
@@ -1,18 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleTextInput } from "@huggingface/tasks";
 
 	import WidgetOuputTokens from "../../shared/WidgetOutputTokens/WidgetOutputTokens.svelte";
 	import WidgetTextarea from "../../shared/WidgetTextarea/WidgetTextarea.svelte";
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
-	import { uniqBy } from "$lib/utils/ViewUtils.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isTextInput } from "../../shared/inputValidation.js";
+	import { uniqBy } from "../../../../utils/ViewUtils.js";
 
 	interface EntityGroup {
 		entity_group: string;
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/VisualQuestionAnsweringWidget/VisualQuestionAnsweringWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/VisualQuestionAnsweringWidget/VisualQuestionAnsweringWidget.svelte
index b37c6ea6d3042b5429b684a78bff1a6ec961133e..ba21f8b3573c472879a60b6375fb1741bdfabbee 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/VisualQuestionAnsweringWidget/VisualQuestionAnsweringWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/VisualQuestionAnsweringWidget/VisualQuestionAnsweringWidget.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetAndTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetAndTextInput } from "@huggingface/tasks";
 
 	import WidgetFileInput from "../../shared/WidgetFileInput/WidgetFileInput.svelte";
 	import WidgetDropzone from "../../shared/WidgetDropzone/WidgetDropzone.svelte";
 	import WidgetQuickInput from "../../shared/WidgetQuickInput/WidgetQuickInput.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
-	import { addInferenceParameters, callInferenceApi } from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isAssetAndTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi } from "../../shared/helpers.js";
+	import { isAssetAndTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShotImageClassificationWidget/ZeroShotImageClassificationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShotImageClassificationWidget/ZeroShotImageClassificationWidget.svelte
index cb2d4ee898634ceef4875126c74f375ced0477bd..79ba0d896d8a069c7e1caa35ca2615025595a07e 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShotImageClassificationWidget/ZeroShotImageClassificationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShotImageClassificationWidget/ZeroShotImageClassificationWidget.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleAssetAndZeroShotInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleAssetAndZeroShotInput } from "@huggingface/tasks";
 
 	import { onMount } from "svelte";
 
@@ -10,12 +10,8 @@
 	import WidgetSubmitBtn from "../../shared/WidgetSubmitBtn/WidgetSubmitBtn.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		getWidgetExample,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isAssetAndZeroShotInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, getWidgetExample } from "../../shared/helpers.js";
+	import { isAssetAndZeroShotInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShowClassificationWidget/ZeroShotClassificationWidget.svelte b/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShowClassificationWidget/ZeroShotClassificationWidget.svelte
index d3742b8ca2ada1f0136239401ee22b0eafc4b671..1761f0da4eb54eeaee59db44d9ab8d005ce57fb2 100644
--- a/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShowClassificationWidget/ZeroShotClassificationWidget.svelte
+++ b/packages/widgets/src/lib/components/InferenceWidget/widgets/ZeroShowClassificationWidget/ZeroShotClassificationWidget.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "$lib/components/InferenceWidget/shared/types.js";
-	import type { WidgetExampleZeroShotTextInput } from "$lib/components/InferenceWidget/shared/WidgetExample.js";
+	import type { WidgetProps, ExampleRunOpts, InferenceRunOpts } from "../../shared/types.js";
+	import type { WidgetExampleZeroShotTextInput } from "@huggingface/tasks";
 
 	import WidgetCheckbox from "../../shared/WidgetCheckbox/WidgetCheckbox.svelte";
 	import WidgetOutputChart from "../../shared/WidgetOutputChart/WidgetOutputChart.svelte";
@@ -8,12 +8,8 @@
 	import WidgetTextarea from "../../shared/WidgetTextarea/WidgetTextarea.svelte";
 	import WidgetTextInput from "../../shared/WidgetTextInput/WidgetTextInput.svelte";
 	import WidgetWrapper from "../../shared/WidgetWrapper/WidgetWrapper.svelte";
-	import {
-		addInferenceParameters,
-		callInferenceApi,
-		updateUrl,
-	} from "$lib/components/InferenceWidget/shared/helpers.js";
-	import { isZeroShotTextInput } from "$lib/components/InferenceWidget/shared/inputValidation.js";
+	import { addInferenceParameters, callInferenceApi, updateUrl } from "../../shared/helpers.js";
+	import { isZeroShotTextInput } from "../../shared/inputValidation.js";
 
 	export let apiToken: WidgetProps["apiToken"];
 	export let apiUrl: WidgetProps["apiUrl"];
diff --git a/packages/widgets/src/lib/index.ts b/packages/widgets/src/lib/index.ts
index a37f99cf4ef61455cff91195fe1f7fdc83a89f12..b98a57ae2be5cb22910111d0f0323a72bd42ae5e 100644
--- a/packages/widgets/src/lib/index.ts
+++ b/packages/widgets/src/lib/index.ts
@@ -3,36 +3,5 @@ import WidgetOutputChart from "./components/InferenceWidget/shared/WidgetOutputC
 import WidgetOutputTokens from "./components/InferenceWidget/shared/WidgetOutputTokens/WidgetOutputTokens.svelte";
 import PipelineIcon from "./components/PipelineIcon/PipelineIcon.svelte";
 import { modelLoadStates } from "./components/InferenceWidget/stores.js";
-import { InferenceDisplayability } from "./interfaces/InferenceDisplayability.js";
-import * as serveCurl from "./inferenceSnippets/serveCurl.js";
-import * as serveJs from "./inferenceSnippets/serveJs.js";
-import * as servePython from "./inferenceSnippets/servePython.js";
-import * as snippetInputs from "./inferenceSnippets/inputs.js";
-import { MODEL_LIBRARIES_UI_ELEMENTS } from "./interfaces/Libraries.js";
-import type { LibraryUiElement } from "./interfaces/Libraries.js";
-import type { TransformersInfo } from "./interfaces/Types.js";
-import { MAPPING_DEFAULT_WIDGET } from "./interfaces/DefaultWidget.js";
-import { LIBRARY_TASK_MAPPING_EXCLUDING_TRANSFORMERS } from "./interfaces/LibrariesToTasks.js";
 
-export {
-	InferenceWidget,
-	WidgetOutputChart,
-	WidgetOutputTokens,
-	modelLoadStates,
-	InferenceDisplayability,
-	PipelineIcon,
-	serveCurl,
-	serveJs,
-	servePython,
-	snippetInputs,
-	MODEL_LIBRARIES_UI_ELEMENTS,
-	MAPPING_DEFAULT_WIDGET,
-	LIBRARY_TASK_MAPPING_EXCLUDING_TRANSFORMERS,
-};
-export type {
-	WidgetExample,
-	WidgetExampleOutput,
-	WidgetExampleOutputUrl,
-	WidgetExampleTextInput,
-} from "./components/InferenceWidget/shared/WidgetExample.js";
-export type { LibraryUiElement, TransformersInfo };
+export { InferenceWidget, WidgetOutputChart, WidgetOutputTokens, modelLoadStates, PipelineIcon };
diff --git a/packages/widgets/src/lib/interfaces/InferenceDisplayability.ts b/packages/widgets/src/lib/interfaces/InferenceDisplayability.ts
deleted file mode 100644
index 06f3fd4037da41d531e45a75f8c5c9b42654a6a2..0000000000000000000000000000000000000000
--- a/packages/widgets/src/lib/interfaces/InferenceDisplayability.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export enum InferenceDisplayability {
-	/**
-	 * Yes
-	 */
-	Yes = "Yes",
-	/**
-	 * And then, all the possible reasons why it's no:
-	 */
-	ExplicitOptOut = "ExplicitOptOut",
-	CustomCode = "CustomCode",
-	LibraryNotDetected = "LibraryNotDetected",
-	PipelineNotDetected = "PipelineNotDetected",
-	PipelineLibraryPairNotSupported = "PipelineLibraryPairNotSupported",
-}
diff --git a/packages/widgets/src/lib/interfaces/README.md b/packages/widgets/src/lib/interfaces/README.md
deleted file mode 100644
index d2de7746091e0410a6c941421dc3f1a484c14baf..0000000000000000000000000000000000000000
--- a/packages/widgets/src/lib/interfaces/README.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Interfaces
-
-This folder contains the definition files (written in Typescript) for the huggingface.co hub's:
-
-- **pipeline types** a.k.a. **task types** (used to determine which widget to display on the model page, and which inference API to run)
-- **default widget inputs** (when they aren't provided in the model card)
-- definitions and UI elements for **third party libraries**.
-
-Please add to any of those definitions by opening a PR. Thanks 🔥
-
-⚠️ The hub's definitive doc is at https://huggingface.co/docs/hub.
-
-## Feedback (feature requests, bugs, etc.) is super welcome 💙💚💛💜♥️🧡
diff --git a/packages/widgets/src/lib/interfaces/Types.ts b/packages/widgets/src/lib/interfaces/Types.ts
deleted file mode 100644
index 7c9ef752fbf0e268aa7474c7fa96c4100df96a3f..0000000000000000000000000000000000000000
--- a/packages/widgets/src/lib/interfaces/Types.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import type { PipelineType } from "@huggingface/tasks";
-import type { WidgetExample } from "../components/InferenceWidget/shared/WidgetExample.js";
-import type { InferenceDisplayability } from "./InferenceDisplayability.js";
-
-/**
- * Public interface for model metadata
- */
-export interface ModelData {
-	/**
-	 * id of model (e.g. 'user/repo_name')
-	 */
-	id: string;
-	/**
-	 * Kept for backward compatibility
-	 */
-	modelId?: string;
-	/**
-	 * Whether or not to enable inference widget for this model
-	 */
-	inference: InferenceDisplayability;
-	/**
-	 * is this model private?
-	 */
-	private?: boolean;
-	/**
-	 * this dictionary has useful information about the model configuration
-	 */
-	config?: Record<string, unknown> & {
-		adapter_transformers?: { model_class?: string; model_name?: string };
-		architectures?: string[];
-		sklearn?: {
-			filename?: string;
-			model_format?: string;
-		};
-		speechbrain?: {
-			interface?: string;
-		};
-		peft?: {
-			base_model_name?: string;
-			task_type?: string;
-		};
-	};
-	/**
-	 * all the model tags
-	 */
-	tags?: string[];
-	/**
-	 * transformers-specific info to display in the code sample.
-	 */
-	transformersInfo?: TransformersInfo;
-	/**
-	 * Pipeline type
-	 */
-	pipeline_tag?: PipelineType | undefined;
-	/**
-	 * for relevant models, get mask token
-	 */
-	mask_token?: string | undefined;
-	/**
-	 * Example data that will be fed into the widget.
-	 *
-	 * can be set in the model card metadata (under `widget`),
-	 * or by default in `DefaultWidget.ts`
-	 */
-	widgetData?: WidgetExample[] | undefined;
-	/**
-	 * Parameters that will be used by the widget when calling Inference API
-	 * https://huggingface.co/docs/api-inference/detailed_parameters
-	 *
-	 * can be set in the model card metadata (under `inference/parameters`)
-	 * Example:
-	 * inference:
-	 *     parameters:
-	 *         key: val
-	 */
-	cardData?: {
-		inference?:
-			| boolean
-			| {
-					parameters?: Record<string, unknown>;
-			  };
-		base_model?: string;
-	};
-	/**
-	 * Library name
-	 * Example: transformers, SpeechBrain, Stanza, etc.
-	 */
-	library_name?: string;
-}
-
-/**
- * transformers-specific info to display in the code sample.
- */
-export interface TransformersInfo {
-	/**
-	 * e.g. AutoModelForSequenceClassification
-	 */
-	auto_model: string;
-	/**
-	 * if set in config.json's auto_map
-	 */
-	custom_class?: string;
-	/**
-	 * e.g. text-classification
-	 */
-	pipeline_tag?: PipelineType;
-	/**
-	 * e.g. "AutoTokenizer" | "AutoFeatureExtractor" | "AutoProcessor"
-	 */
-	processor?: string;
-}
diff --git a/packages/widgets/src/routes/+page.svelte b/packages/widgets/src/routes/+page.svelte
index f10b6a565790149d2438f613c6b2a350c90c3529..899dbc876dbcfdf21b9f9a7fe3712973cc6de13a 100644
--- a/packages/widgets/src/routes/+page.svelte
+++ b/packages/widgets/src/routes/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import type { ModelData } from "$lib/interfaces/Types.js";
+	import type { ModelData } from "@huggingface/tasks";
+	import { InferenceDisplayability } from "@huggingface/tasks";
 
 	import InferenceWidget from "$lib/components/InferenceWidget/InferenceWidget.svelte";
 	import ModeSwitcher from "$lib/components/DemoThemeSwitcher/DemoThemeSwitcher.svelte";
-	import { InferenceDisplayability } from "$lib/interfaces/InferenceDisplayability.js";
 	import { onMount } from "svelte";
 
 	let apiToken = "";