hub/pr_2521/en/_app/immutable/nodes/12.f1e4e53a.js

import{s as Be,o as ke,n as B}from"../chunks/scheduler.409792a1.js";import{S as _e,i as Ze,e as y,s as M,c as f,h as Ee,a as m,d as p,b as u,f as Ce,g as w,j as I,l as be,m as ve,n as i,o as J,p as T,q as h,r as g}from"../chunks/index.92d389ff.js";import{C as We}from"../chunks/CopyLLMTxtMenu.dcf7fb47.js";import{C as L}from"../chunks/CodeBlock.5ed269c1.js";import{H as V,E as Ge}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.0c189c7e.js";import{H as we,a as b}from"../chunks/HfOption.547d6d05.js";function Ne(j){let l,a;return l=new L({props:{code:"cGlwJTIwaW5zdGFsbCUyMCUyMmh1Z2dpbmdmYWNlX2h1YiU1Qm1jcCU1RCUyMg==",highlighted:'pip install <span class="hljs-string">&quot;huggingface_hub[mcp]&quot;</span>',lang:"bash",wrap:!1}}),{c(){f(l.$$.fragment)},l(t){w(l.$$.fragment,t)},m(t,r){J(l,t,r),a=!0},p:B,i(t){a||(T(l.$$.fragment,t),a=!0)},o(t){h(l.$$.fragment,t),a=!1},d(t){g(l,t)}}}function Qe(j){let l,a;return l=new L({props:{code:"bnBtJTIwaW5zdGFsbCUyMCU0MGh1Z2dpbmdmYWNlJTJGdGlueS1hZ2VudHMlMEElMjMlMjBvciUwQXBucG0lMjBhZGQlMjAlNDBodWdnaW5nZmFjZSUyRnRpbnktYWdlbnRz",highlighted:`npm install @huggingface/tiny-agents
<span class="hljs-comment"># or</span>
pnpm add @huggingface/tiny-agents`,lang:"bash",wrap:!1}}),{c(){f(l.$$.fragment)},l(t){w(l.$$.fragment,t)},m(t,r){J(l,t,r),a=!0},p:B,i(t){a||(T(l.$$.fragment,t),a=!0)},o(t){h(l.$$.fragment,t),a=!1},d(t){g(l,t)}}}function Se(j){let l,a,t,r;return l=new b({props:{id:"install",option:"Python",$$slots:{default:[Ne]},$$scope:{ctx:j}}}),t=new b({props:{id:"install",option:"JavaScript",$$slots:{default:[Qe]},$$scope:{ctx:j}}}),{c(){f(l.$$.fragment),a=M(),f(t.$$.fragment)},l(s){w(l.$$.fragment,s),a=u(s),w(t.$$.fragment,s)},m(s,n){J(l,s,n),i(s,a,n),J(t,s,n),r=!0},p(s,n){const c={};n&2&&(c.$$scope={dirty:n,ctx:s}),l.$set(c);const $={};n&2&&($.$$scope={dirty:n,ctx:s}),t.$set($)},i(s){r||(T(l.$$.fragment,s),T(t.$$.fragment,s),r=!0)},o(s){h(l.$$.fragment,s),h(t.$$.fragment,s),r=!1},d(s){s&&p(a),g(l,s),g(t,s)}}}function Ye(j){let l,a;return l=new L({props:{code:"dGlueS1hZ2VudHMlMjBydW4lMjBqdWxpZW4tYyUyRmZsdXgtc2NobmVsbC1nZW5lcmF0b3I=",highlighted:"tiny-agents run julien-c/flux-schnell-generator",lang:"bash",wrap:!1}}),{c(){f(l.$$.fragment)},l(t){w(l.$$.fragment,t)},m(t,r){J(l,t,r),a=!0},p:B,i(t){a||(T(l.$$.fragment,t),a=!0)},o(t){h(l.$$.fragment,t),a=!1},d(t){g(l,t)}}}function He(j){let l,a;return l=new L({props:{code:"bnB4JTIwJTQwaHVnZ2luZ2ZhY2UlMkZ0aW55LWFnZW50cyUyMHJ1biUyMCUyMmp1bGllbi1jJTJGZmx1eC1zY2huZWxsLWdlbmVyYXRvciUyMg==",highlighted:'npx @huggingface/tiny-agents run <span class="hljs-string">&quot;julien-c/flux-schnell-generator&quot;</span>',lang:"bash",wrap:!1}}),{c(){f(l.$$.fragment)},l(t){w(l.$$.fragment,t)},m(t,r){J(l,t,r),a=!0},p:B,i(t){a||(T(l.$$.fragment,t),a=!0)},o(t){h(l.$$.fragment,t),a=!1},d(t){g(l,t)}}}function qe(j){let l,a,t,r;return l=new b({props:{id:"quickstart",option:"Python",$$slots:{default:[Ye]},$$scope:{ctx:j}}}),t=new b({props:{id:"quickstart",option:"JavaScript",$$slots:{default:[He]},$$scope:{ctx:j}}}),{c(){f(l.$$.fragment),a=M(),f(t.$$.fragment)},l(s){w(l.$$.fragment,s),a=u(s),w(t.$$.fragment,s)},m(s,n){J(l,s,n),i(s,a,n),J(t,s,n),r=!0},p(s,n){const c={};n&2&&(c.$$scope={dirty:n,ctx:s}),l.$set(c);const $={};n&2&&($.$$scope={dirty:n,ctx:s}),t.$set($)},i(s){r||(T(l.$$.fragment,s),T(t.$$.fragment,s),r=!0)},o(s){h(l.$$.fragment,s),h(t.$$.fragment,s),r=!1},d(s){s&&p(a),g(l,s),g(t,s)}}}function Re(j){let l,a,t,r='See the <a href="https://huggingface.co/docs/huggingface_hub/package_reference/mcp#huggingface_hub.Agent" rel="nofollow">Agent reference</a> for all options.',s;return l=new L({props:{code:"ZnJvbSUyMGh1Z2dpbmdmYWNlX2h1YiUyMGltcG9ydCUyMEFnZW50JTBBaW1wb3J0JTIwYXN5bmNpbyUwQSUwQWFnZW50JTIwJTNEJTIwQWdlbnQoJTBBJTIwJTIwJTIwJTIwbW9kZWwlM0QlMjJRd2VuJTJGUXdlbjIuNS03MkItSW5zdHJ1Y3QlMjIlMkMlMEElMjAlMjAlMjAlMjBwcm92aWRlciUzRCUyMm5vdml0YSUyMiUyQyUwQSUyMCUyMCUyMCUyMHNlcnZlcnMlM0QlNUIlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjJ0eXBlJTIyJTNBJTIwJTIyc3NlJTIyJTJDJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIydXJsJTIyJTNBJTIwJTIyaHR0cHMlM0ElMkYlMkZldmFsc3RhdGUtZmx1eDEtc2NobmVsbC5oZi5zcGFjZSUyRmdyYWRpb19hcGklMkZtY3AlMkZzc2UlMjIlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlN0QlMEElMjAlMjAlMjAlMjAlNUQlMEEpJTBBJTBBYXN5bmMlMjBkZWYlMjBtYWluKCklM0ElMEElMjAlMjAlMjAlMjBhc3luYyUyMGZvciUyMGNodW5rJTIwaW4lMjBhZ2VudC5ydW4oJTIyR2VuZXJhdGUlMjBhbiUyMGltYWdlJTIwb2YlMjBhJTIwc3Vuc2V0JTIyKSUzQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGlmJTIwaGFzYXR0cihjaHVuayUyQyUyMCdjaG9pY2VzJyklM0ElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBkZWx0YSUyMCUzRCUyMGNodW5rLmNob2ljZXMlNUIwJTVELmRlbHRhJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaWYlMjBkZWx0YS5jb250ZW50JTNBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwcHJpbnQoZGVsdGEuY29udGVudCUyQyUyMGVuZCUzRCUyMiUyMiklMEElMEFhc3luY2lvLnJ1bihtYWluKCkp",highlighted:`<span class="hljs-keyword">from</span> huggingface_hub <span class="hljs-keyword">import</span> Agent
<span class="hljs-keyword">import</span> asyncio

agent = Agent(
    model=<span class="hljs-string">&quot;Qwen/Qwen2.5-72B-Instruct&quot;</span>,
    provider=<span class="hljs-string">&quot;novita&quot;</span>,
    servers=[
        {
            <span class="hljs-string">&quot;type&quot;</span>: <span class="hljs-string">&quot;sse&quot;</span>,
            <span class="hljs-string">&quot;url&quot;</span>: <span class="hljs-string">&quot;https://evalstate-flux1-schnell.hf.space/gradio_api/mcp/sse&quot;</span>
        }
    ]
)

<span class="hljs-keyword">async</span> <span class="hljs-keyword">def</span> <span class="hljs-title function_">main</span>():
    <span class="hljs-keyword">async</span> <span class="hljs-keyword">for</span> chunk <span class="hljs-keyword">in</span> agent.run(<span class="hljs-string">&quot;Generate an image of a sunset&quot;</span>):
        <span class="hljs-keyword">if</span> <span class="hljs-built_in">hasattr</span>(chunk, <span class="hljs-string">&#x27;choices&#x27;</span>):
            delta = chunk.choices[<span class="hljs-number">0</span>].delta
            <span class="hljs-keyword">if</span> delta.content:
                <span class="hljs-built_in">print</span>(delta.content, end=<span class="hljs-string">&quot;&quot;</span>)

asyncio.run(main())`,lang:"python",wrap:!1}}),{c(){f(l.$$.fragment),a=M(),t=y("p"),t.innerHTML=r},l(n){w(l.$$.fragment,n),a=u(n),t=m(n,"P",{"data-svelte-h":!0}),I(t)!=="svelte-1bp7bxf"&&(t.innerHTML=r)},m(n,c){J(l,n,c),i(n,a,c),i(n,t,c),s=!0},p:B,i(n){s||(T(l.$$.fragment,n),s=!0)},o(n){h(l.$$.fragment,n),s=!1},d(n){n&&(p(a),p(t)),g(l,n)}}}function ze(j){let l,a,t,r='See the <a href="https://huggingface.co/docs/huggingface.js/tiny-agents/README" rel="nofollow">tiny-agents documentation</a> for all options.',s;return l=new L({props:{code:"aW1wb3J0JTIwJTdCJTIwQWdlbnQlMjAlN0QlMjBmcm9tJTIwJTIyJTQwaHVnZ2luZ2ZhY2UlMkZ0aW55LWFnZW50cyUyMiUzQiUwQSUwQWNvbnN0JTIwYWdlbnQlMjAlM0QlMjBuZXclMjBBZ2VudCglN0IlMEElMjAlMjAlMjAlMjBtb2RlbCUzQSUyMCUyMlF3ZW4lMkZRd2VuMi41LTcyQi1JbnN0cnVjdCUyMiUyQyUwQSUyMCUyMCUyMCUyMHByb3ZpZGVyJTNBJTIwJTIybm92aXRhJTIyJTJDJTBBJTIwJTIwJTIwJTIwYXBpS2V5JTNBJTIwcHJvY2Vzcy5lbnYuSEZfVE9LRU4lMkMlMEElMjAlMjAlMjAlMjBzZXJ2ZXJzJTNBJTIwJTVCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdHlwZSUzQSUyMCUyMnNzZSUyMiUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHVybCUzQSUyMCUyMmh0dHBzJTNBJTJGJTJGZXZhbHN0YXRlLWZsdXgxLXNjaG5lbGwuaGYuc3BhY2UlMkZncmFkaW9fYXBpJTJGbWNwJTJGc3NlJTIyJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTdEJTBBJTIwJTIwJTIwJTIwJTVEJTBBJTdEKSUzQiUwQSUwQWF3YWl0JTIwYWdlbnQubG9hZFRvb2xzKCklM0IlMEElMEFmb3IlMjBhd2FpdCUyMChjb25zdCUyMGNodW5rJTIwb2YlMjBhZ2VudC5ydW4oJTIyR2VuZXJhdGUlMjBhbiUyMGltYWdlJTIwb2YlMjBhJTIwc3Vuc2V0JTIyKSklMjAlN0IlMEElMjAlMjAlMjAlMjBpZiUyMCglMjJjaG9pY2VzJTIyJTIwaW4lMjBjaHVuayklMjAlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBjb25zdCUyMGRlbHRhJTIwJTNEJTIwY2h1bmsuY2hvaWNlcyU1QjAlNUQlM0YuZGVsdGElM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBpZiUyMChkZWx0YS5jb250ZW50KSUyMCU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGNvbnNvbGUubG9nKGRlbHRhLmNvbnRlbnQpJTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTdEJTBBJTIwJTIwJTIwJTIwJTdEJTBBJTdE",highlighted:`<span class="hljs-keyword">import</span> { <span class="hljs-title class_">Agent</span> } <span class="hljs-keyword">from</span> <span class="hljs-string">&quot;@huggingface/tiny-agents&quot;</span>;

<span class="hljs-keyword">const</span> agent = <span class="hljs-keyword">new</span> <span class="hljs-title class_">Agent</span>({
    <span class="hljs-attr">model</span>: <span class="hljs-string">&quot;Qwen/Qwen2.5-72B-Instruct&quot;</span>,
    <span class="hljs-attr">provider</span>: <span class="hljs-string">&quot;novita&quot;</span>,
    <span class="hljs-attr">apiKey</span>: process.<span class="hljs-property">env</span>.<span class="hljs-property">HF_TOKEN</span>,
    <span class="hljs-attr">servers</span>: [
        {
            <span class="hljs-attr">type</span>: <span class="hljs-string">&quot;sse&quot;</span>,
            <span class="hljs-attr">url</span>: <span class="hljs-string">&quot;https://evalstate-flux1-schnell.hf.space/gradio_api/mcp/sse&quot;</span>
        }
    ]
});

<span class="hljs-keyword">await</span> agent.<span class="hljs-title function_">loadTools</span>();

<span class="hljs-keyword">for</span> <span class="hljs-keyword">await</span> (<span class="hljs-keyword">const</span> chunk <span class="hljs-keyword">of</span> agent.<span class="hljs-title function_">run</span>(<span class="hljs-string">&quot;Generate an image of a sunset&quot;</span>)) {
    <span class="hljs-keyword">if</span> (<span class="hljs-string">&quot;choices&quot;</span> <span class="hljs-keyword">in</span> chunk) {
        <span class="hljs-keyword">const</span> delta = chunk.<span class="hljs-property">choices</span>[<span class="hljs-number">0</span>]?.<span class="hljs-property">delta</span>;
        <span class="hljs-keyword">if</span> (delta.<span class="hljs-property">content</span>) {
            <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(delta.<span class="hljs-property">content</span>);
        }
    }
}`,lang:"typescript",wrap:!1}}),{c(){f(l.$$.fragment),a=M(),t=y("p"),t.innerHTML=r},l(n){w(l.$$.fragment,n),a=u(n),t=m(n,"P",{"data-svelte-h":!0}),I(t)!=="svelte-d4zple"&&(t.innerHTML=r)},m(n,c){J(l,n,c),i(n,a,c),i(n,t,c),s=!0},p:B,i(n){s||(T(l.$$.fragment,n),s=!0)},o(n){h(l.$$.fragment,n),s=!1},d(n){n&&(p(a),p(t)),g(l,n)}}}function Ve(j){let l,a,t,r;return l=new b({props:{id:"agent-class",option:"Python",$$slots:{default:[Re]},$$scope:{ctx:j}}}),t=new b({props:{id:"agent-class",option:"JavaScript",$$slots:{default:[ze]},$$scope:{ctx:j}}}),{c(){f(l.$$.fragment),a=M(),f(t.$$.fragment)},l(s){w(l.$$.fragment,s),a=u(s),w(t.$$.fragment,s)},m(s,n){J(l,s,n),i(s,a,n),J(t,s,n),r=!0},p(s,n){const c={};n&2&&(c.$$scope={dirty:n,ctx:s}),l.$set(c);const $={};n&2&&($.$$scope={dirty:n,ctx:s}),t.$set($)},i(s){r||(T(l.$$.fragment,s),T(t.$$.fragment,s),r=!0)},o(s){h(l.$$.fragment,s),h(t.$$.fragment,s),r=!1},d(s){s&&p(a),g(l,s),g(t,s)}}}function Le(j){let l,a,t,r='See the <a href="https://huggingface.co/docs/huggingface_hub/package_reference/mcp#huggingface_hub.MCPClient" rel="nofollow">MCPClient reference</a> for all options.',s;return l=new L({props:{code:"aW1wb3J0JTIwYXN5bmNpbyUwQWZyb20lMjBodWdnaW5nZmFjZV9odWIlMjBpbXBvcnQlMjBNQ1BDbGllbnQlMEElMEFhc3luYyUyMGRlZiUyMG1haW4oKSUzQSUwQSUyMCUyMCUyMCUyMGFzeW5jJTIwd2l0aCUyME1DUENsaWVudCglMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBtb2RlbCUzRCUyMlF3ZW4lMkZRd2VuMi41LTcyQi1JbnN0cnVjdCUyMiUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHByb3ZpZGVyJTNEJTIybm92aXRhJTIyJTJDJTBBJTIwJTIwJTIwJTIwKSUyMGFzJTIwY2xpZW50JTNBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIzJTIwQ29ubmVjdCUyMHRvJTIwYW4lMjBNQ1AlMjBzZXJ2ZXIlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBhd2FpdCUyMGNsaWVudC5hZGRfbWNwX3NlcnZlciglMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjB0eXBlJTNEJTIyc3NlJTIyJTJDJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdXJsJTNEJTIyaHR0cHMlM0ElMkYlMkZldmFsc3RhdGUtZmx1eDEtc2NobmVsbC5oZi5zcGFjZSUyRmdyYWRpb19hcGklMkZtY3AlMkZzc2UlMjIlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjApJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIzJTIwUHJvY2VzcyUyMGElMjByZXF1ZXN0JTIwd2l0aCUyMHRvb2xzJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwbWVzc2FnZXMlMjAlM0QlMjAlNUIlN0IlMjJyb2xlJTIyJTNBJTIwJTIydXNlciUyMiUyQyUyMCUyMmNvbnRlbnQlMjIlM0ElMjAlMjJHZW5lcmF0ZSUyMGFuJTIwaW1hZ2UlMjBvZiUyMGElMjBzdW5zZXQlMjIlN0QlNUQlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBhc3luYyUyMGZvciUyMGNodW5rJTIwaW4lMjBjbGllbnQucHJvY2Vzc19zaW5nbGVfdHVybl93aXRoX3Rvb2xzKG1lc3NhZ2VzKSUzQSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGlmJTIwaGFzYXR0cihjaHVuayUyQyUyMCdjaG9pY2VzJyklM0ElMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBkZWx0YSUyMCUzRCUyMGNodW5rLmNob2ljZXMlNUIwJTVELmRlbHRhJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwaWYlMjBkZWx0YS5jb250ZW50JTNBJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwcHJpbnQoZGVsdGEuY29udGVudCUyQyUyMGVuZCUzRCUyMiUyMiklMEElMEFhc3luY2lvLnJ1bihtYWluKCkp",highlighted:`<span class="hljs-keyword">import</span> asyncio
<span class="hljs-keyword">from</span> huggingface_hub <span class="hljs-keyword">import</span> MCPClient

<span class="hljs-keyword">async</span> <span class="hljs-keyword">def</span> <span class="hljs-title function_">main</span>():
    <span class="hljs-keyword">async</span> <span class="hljs-keyword">with</span> MCPClient(
        model=<span class="hljs-string">&quot;Qwen/Qwen2.5-72B-Instruct&quot;</span>,
        provider=<span class="hljs-string">&quot;novita&quot;</span>,
    ) <span class="hljs-keyword">as</span> client:
        <span class="hljs-comment"># Connect to an MCP server</span>
        <span class="hljs-keyword">await</span> client.add_mcp_server(
            <span class="hljs-built_in">type</span>=<span class="hljs-string">&quot;sse&quot;</span>, 
            url=<span class="hljs-string">&quot;https://evalstate-flux1-schnell.hf.space/gradio_api/mcp/sse&quot;</span>
        )
        
        <span class="hljs-comment"># Process a request with tools</span>
        messages = [{<span class="hljs-string">&quot;role&quot;</span>: <span class="hljs-string">&quot;user&quot;</span>, <span class="hljs-string">&quot;content&quot;</span>: <span class="hljs-string">&quot;Generate an image of a sunset&quot;</span>}]
        
        <span class="hljs-keyword">async</span> <span class="hljs-keyword">for</span> chunk <span class="hljs-keyword">in</span> client.process_single_turn_with_tools(messages):
            <span class="hljs-keyword">if</span> <span class="hljs-built_in">hasattr</span>(chunk, <span class="hljs-string">&#x27;choices&#x27;</span>):
                delta = chunk.choices[<span class="hljs-number">0</span>].delta
                <span class="hljs-keyword">if</span> delta.content:
                    <span class="hljs-built_in">print</span>(delta.content, end=<span class="hljs-string">&quot;&quot;</span>)

asyncio.run(main())`,lang:"python",wrap:!1}}),{c(){f(l.$$.fragment),a=M(),t=y("p"),t.innerHTML=r},l(n){w(l.$$.fragment,n),a=u(n),t=m(n,"P",{"data-svelte-h":!0}),I(t)!=="svelte-1k35sz"&&(t.innerHTML=r)},m(n,c){J(l,n,c),i(n,a,c),i(n,t,c),s=!0},p:B,i(n){s||(T(l.$$.fragment,n),s=!0)},o(n){h(l.$$.fragment,n),s=!1},d(n){n&&(p(a),p(t)),g(l,n)}}}function Pe(j){let l,a='The JavaScript SDK uses the <code>Agent</code> class for MCP interactions. For lower-level control, see the <a href="https://huggingface.co/docs/huggingface.js/mcp-client/README" rel="nofollow">@huggingface/mcp-client</a> package.';return{c(){l=y("p"),l.innerHTML=a},l(t){l=m(t,"P",{"data-svelte-h":!0}),I(l)!=="svelte-5rrgvy"&&(l.innerHTML=a)},m(t,r){i(t,l,r)},p:B,d(t){t&&p(l)}}}function xe(j){let l,a,t,r;return l=new b({props:{id:"mcp-client",option:"Python",$$slots:{default:[Le]},$$scope:{ctx:j}}}),t=new b({props:{id:"mcp-client",option:"JavaScript",$$slots:{default:[Pe]},$$scope:{ctx:j}}}),{c(){f(l.$$.fragment),a=M(),f(t.$$.fragment)},l(s){w(l.$$.fragment,s),a=u(s),w(t.$$.fragment,s)},m(s,n){J(l,s,n),i(s,a,n),J(t,s,n),r=!0},p(s,n){const c={};n&2&&(c.$$scope={dirty:n,ctx:s}),l.$set(c);const $={};n&2&&($.$$scope={dirty:n,ctx:s}),t.$set($)},i(s){r||(T(l.$$.fragment,s),T(t.$$.fragment,s),r=!0)},o(s){h(l.$$.fragment,s),h(t.$$.fragment,s),r=!1},d(s){s&&p(a),g(l,s),g(t,s)}}}function Xe(j){let l,a,t,r,s,n,c,$,k,Je="Build MCP-powered agents with the Hugging Face agentic SDKs. The <code>huggingface_hub</code> (Python) and <code>@huggingface/tiny-agents</code> (JavaScript) libraries provide everything you need to connect LLMs to MCP tools.",x,_,X,d,F,Z,D,E,Te="The fastest way to get started is with the <code>tiny-agents</code> CLI:",K,U,O,v,he='This loads an agent from the <a href="https://huggingface.co/datasets/tiny-agents/tiny-agents" rel="nofollow">tiny-agents collection</a>, connects to its MCP servers, and starts an interactive chat.',ee,W,te,G,ge='The <code>Agent</code> class manages the chat loop and MCP tool execution. It uses <a href="https://huggingface.co/docs/inference-providers" rel="nofollow">Inference Providers</a> to run the LLM.',le,A,se,N,ne,Q,je="For more control, use <code>MCPClient</code> to manage MCP servers and tool calls directly.",ae,C,oe,S,pe,Y,$e='Contribute agents to the <a href="https://huggingface.co/datasets/tiny-agents/tiny-agents" rel="nofollow">tiny-agents collection</a> on the Hub. Include:',ie,H,ye="<li><code>agent.json</code> - Agent configuration (required)</li> <li><code>PROMPT.md</code> or <code>AGENTS.md</code> - System prompt (optional)</li> <li><code>EXAMPLES.md</code> - Sample prompts and use cases (optional)</li>",re,q,ce,R,me='<li><a href="https://huggingface.co/docs/huggingface_hub/package_reference/mcp" rel="nofollow">huggingface_hub MCP Reference</a> - Python API reference</li> <li><a href="https://huggingface.co/docs/huggingface.js/tiny-agents/README" rel="nofollow">tiny-agents Documentation</a> - JavaScript API reference</li> <li><a href="https://huggingface.co/docs/inference-providers" rel="nofollow">Inference Providers</a> - Available LLM providers</li> <li><a href="https://huggingface.co/datasets/tiny-agents/tiny-agents" rel="nofollow">tiny-agents Collection</a> - Browse community agents</li> <li><a href="./agents-mcp">MCP Server Guide</a> - Connect to the Hugging Face MCP Server</li>',Me,z,ue,P,fe;return s=new We({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),c=new V({props:{title:"Building with the SDK",local:"building-with-the-sdk",headingTag:"h1"}}),_=new V({props:{title:"Installation",local:"installation",headingTag:"h2"}}),d=new we({props:{id:"install",options:["Python","JavaScript"],$$slots:{default:[Se]},$$scope:{ctx:j}}}),Z=new V({props:{title:"Quick Start: Run an Agent",local:"quick-start-run-an-agent",headingTag:"h2"}}),U=new we({props:{id:"quickstart",options:["Python","JavaScript"],$$slots:{default:[qe]},$$scope:{ctx:j}}}),W=new V({props:{title:"Using the Agent Class",local:"using-the-agent-class",headingTag:"h2"}}),A=new we({props:{id:"agent-class",options:["Python","JavaScript"],$$slots:{default:[Ve]},$$scope:{ctx:j}}}),N=new V({props:{title:"Using MCPClient Directly",local:"using-mcpclient-directly",headingTag:"h2"}}),C=new we({props:{id:"mcp-client",options:["Python","JavaScript"],$$slots:{default:[xe]},$$scope:{ctx:j}}}),S=new V({props:{title:"Share Your Agent",local:"share-your-agent",headingTag:"h2"}}),q=new V({props:{title:"Learn More",local:"learn-more",headingTag:"h2"}}),z=new Ge({props:{source:"https://github.com/huggingface/hub-docs/blob/main/docs/hub/agents-sdk.md"}}),{c(){l=y("meta"),a=M(),t=y("p"),r=M(),f(s.$$.fragment),n=M(),f(c.$$.fragment),$=M(),k=y("p"),k.innerHTML=Je,x=M(),f(_.$$.fragment),X=M(),f(d.$$.fragment),F=M(),f(Z.$$.fragment),D=M(),E=y("p"),E.innerHTML=Te,K=M(),f(U.$$.fragment),O=M(),v=y("p"),v.innerHTML=he,ee=M(),f(W.$$.fragment),te=M(),G=y("p"),G.innerHTML=ge,le=M(),f(A.$$.fragment),se=M(),f(N.$$.fragment),ne=M(),Q=y("p"),Q.innerHTML=je,ae=M(),f(C.$$.fragment),oe=M(),f(S.$$.fragment),pe=M(),Y=y("p"),Y.innerHTML=$e,ie=M(),H=y("ul"),H.innerHTML=ye,re=M(),f(q.$$.fragment),ce=M(),R=y("ul"),R.innerHTML=me,Me=M(),f(z.$$.fragment),ue=M(),P=y("p"),this.h()},l(e){const o=Ee("svelte-u9bgzb",document.head);l=m(o,"META",{name:!0,content:!0}),o.forEach(p),a=u(e),t=m(e,"P",{}),Ce(t).forEach(p),r=u(e),w(s.$$.fragment,e),n=u(e),w(c.$$.fragment,e),$=u(e),k=m(e,"P",{"data-svelte-h":!0}),I(k)!=="svelte-mgshoe"&&(k.innerHTML=Je),x=u(e),w(_.$$.fragment,e),X=u(e),w(d.$$.fragment,e),F=u(e),w(Z.$$.fragment,e),D=u(e),E=m(e,"P",{"data-svelte-h":!0}),I(E)!=="svelte-194p6xh"&&(E.innerHTML=Te),K=u(e),w(U.$$.fragment,e),O=u(e),v=m(e,"P",{"data-svelte-h":!0}),I(v)!=="svelte-1o3z000"&&(v.innerHTML=he),ee=u(e),w(W.$$.fragment,e),te=u(e),G=m(e,"P",{"data-svelte-h":!0}),I(G)!=="svelte-vao9zk"&&(G.innerHTML=ge),le=u(e),w(A.$$.fragment,e),se=u(e),w(N.$$.fragment,e),ne=u(e),Q=m(e,"P",{"data-svelte-h":!0}),I(Q)!=="svelte-dh18vm"&&(Q.innerHTML=je),ae=u(e),w(C.$$.fragment,e),oe=u(e),w(S.$$.fragment,e),pe=u(e),Y=m(e,"P",{"data-svelte-h":!0}),I(Y)!=="svelte-5mwwkd"&&(Y.innerHTML=$e),ie=u(e),H=m(e,"UL",{"data-svelte-h":!0}),I(H)!=="svelte-188we0g"&&(H.innerHTML=ye),re=u(e),w(q.$$.fragment,e),ce=u(e),R=m(e,"UL",{"data-svelte-h":!0}),I(R)!=="svelte-gzlx38"&&(R.innerHTML=me),Me=u(e),w(z.$$.fragment,e),ue=u(e),P=m(e,"P",{}),Ce(P).forEach(p),this.h()},h(){be(l,"name","hf:doc:metadata"),be(l,"content",Fe)},m(e,o){ve(document.head,l),i(e,a,o),i(e,t,o),i(e,r,o),J(s,e,o),i(e,n,o),J(c,e,o),i(e,$,o),i(e,k,o),i(e,x,o),J(_,e,o),i(e,X,o),J(d,e,o),i(e,F,o),J(Z,e,o),i(e,D,o),i(e,E,o),i(e,K,o),J(U,e,o),i(e,O,o),i(e,v,o),i(e,ee,o),J(W,e,o),i(e,te,o),i(e,G,o),i(e,le,o),J(A,e,o),i(e,se,o),J(N,e,o),i(e,ne,o),i(e,Q,o),i(e,ae,o),J(C,e,o),i(e,oe,o),J(S,e,o),i(e,pe,o),i(e,Y,o),i(e,ie,o),i(e,H,o),i(e,re,o),J(q,e,o),i(e,ce,o),i(e,R,o),i(e,Me,o),J(z,e,o),i(e,ue,o),i(e,P,o),fe=!0},p(e,[o]){const Ie={};o&2&&(Ie.$$scope={dirty:o,ctx:e}),d.$set(Ie);const de={};o&2&&(de.$$scope={dirty:o,ctx:e}),U.$set(de);const Ue={};o&2&&(Ue.$$scope={dirty:o,ctx:e}),A.$set(Ue);const Ae={};o&2&&(Ae.$$scope={dirty:o,ctx:e}),C.$set(Ae)},i(e){fe||(T(s.$$.fragment,e),T(c.$$.fragment,e),T(_.$$.fragment,e),T(d.$$.fragment,e),T(Z.$$.fragment,e),T(U.$$.fragment,e),T(W.$$.fragment,e),T(A.$$.fragment,e),T(N.$$.fragment,e),T(C.$$.fragment,e),T(S.$$.fragment,e),T(q.$$.fragment,e),T(z.$$.fragment,e),fe=!0)},o(e){h(s.$$.fragment,e),h(c.$$.fragment,e),h(_.$$.fragment,e),h(d.$$.fragment,e),h(Z.$$.fragment,e),h(U.$$.fragment,e),h(W.$$.fragment,e),h(A.$$.fragment,e),h(N.$$.fragment,e),h(C.$$.fragment,e),h(S.$$.fragment,e),h(q.$$.fragment,e),h(z.$$.fragment,e),fe=!1},d(e){e&&(p(a),p(t),p(r),p(n),p($),p(k),p(x),p(X),p(F),p(D),p(E),p(K),p(O),p(v),p(ee),p(te),p(G),p(le),p(se),p(ne),p(Q),p(ae),p(oe),p(pe),p(Y),p(ie),p(H),p(re),p(ce),p(R),p(Me),p(ue),p(P)),p(l),g(s,e),g(c,e),g(_,e),g(d,e),g(Z,e),g(U,e),g(W,e),g(A,e),g(N,e),g(C,e),g(S,e),g(q,e),g(z,e)}}}const Fe='{"title":"Building with the SDK","local":"building-with-the-sdk","sections":[{"title":"Installation","local":"installation","sections":[],"depth":2},{"title":"Quick Start: Run an Agent","local":"quick-start-run-an-agent","sections":[],"depth":2},{"title":"Using the Agent Class","local":"using-the-agent-class","sections":[],"depth":2},{"title":"Using MCPClient Directly","local":"using-mcpclient-directly","sections":[],"depth":2},{"title":"Share Your Agent","local":"share-your-agent","sections":[],"depth":2},{"title":"Learn More","local":"learn-more","sections":[],"depth":2}],"depth":1}';function De(j){return ke(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class nt extends _e{constructor(l){super(),Ze(this,l,De,Xe,Be,{})}}export{nt as component};