index.html

<!DOCTYPE HTML>
<html>

<head>
    <title>DSH Tool Router</title>
    <link rel="icon" href="favicon.svg" type="image/svg+xml">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="description"
        content="DSH Tool Router — lazy tool discovery for DeepSeek Harness. Hides the tool catalog from the model's prefill and reveals exactly one tool on demand through a decision model API." />
    <link rel="stylesheet" href="assets/css/main.css" />
    <noscript>
        <link rel="stylesheet" href="assets/css/noscript.css" />
    </noscript>
    <style>
        pre {
            background: #0f1528;
            border: 1px solid #26304f;
            border-radius: 10px;
            padding: 1.1em 1.3em;
            overflow-x: auto;
            font-size: 0.85em;
            line-height: 1.55;
            margin: 0 0 1.2em 0;
        }

        pre code {
            font-family: "Courier New", Consolas, monospace;
            color: #dbe4ff;
        }

        ul.features li {
            margin-bottom: 0.55em;
        }

        ul.features strong {
            color: #5eead4;
        }

        ol.steps {
            list-style: none;
            padding-left: 0;
        }

        ol.steps li {
            margin-bottom: 1em;
            padding-left: 2.2em;
            position: relative;
        }

        ol.steps li:before {
            content: attr(data-step);
            position: absolute;
            left: 0;
            top: 0.05em;
            width: 1.6em;
            height: 1.6em;
            line-height: 1.6em;
            text-align: center;
            border-radius: 50%;
            background: #12203a;
            border: 1px solid #2a4a6b;
            color: #6ea8fe;
            font-size: 0.8em;
            font-weight: bold;
        }

        .badge {
            display: inline-block;
            padding: 0.15em 0.7em;
            border-radius: 999px;
            border: 1px solid #2a5a55;
            background: #10282a;
            color: #5eead4;
            font-size: 0.8em;
            letter-spacing: 0.05em;
            margin-right: 0.4em;
        }

        /* The template crops figures with object-fit: cover; show the full artwork
           instead, with a matching backdrop for any letterboxing. */
        .banner.style1 .image,
        .spotlight.style1 .image {
            background: linear-gradient(135deg, #0b1020 0%, #151033 100%);
        }

        .banner.style1 .image img,
        .spotlight.style1 .image img {
            object-fit: contain;
            object-position: center;
        }
    </style>
</head>

<body class="is-preload">
    <!-- Menu Superior de Navegação -->
    <nav id="nav">
        <ul class="container">
            <li><a href="https://residenthiago2011.github.io/militao/" class="fas fa-angle-double-left"> Back</a></li>
        </ul>
    </nav>

    <!-- Wrapper -->
    <div id="wrapper" class="divided">

        <!-- Banner -->
        <section
            class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
            <div class="content">
                <span class="badge">DeepSeek Harness bundle</span>
                <span class="badge">25-tool registry</span>
                <h1>DSH Tool Router</h1>
                <p class="major">Lazy tool discovery for DeepSeek Harness. The model never sees the whole tool shelf —
                    only <code>find_tool</code> and, on demand, the one schema it actually needs, chosen through a
                    decision model API.</p>
                <ul class="actions stacked">
                    <li><a href="#why" class="button big wide smooth-scroll-middle">See How It Works</a></li>
                    <li><a href="https://github.com/residenthiago2011/DSH-Tool-Router"
                            class="fab fa-github button big wide smooth-scroll-middle">GitHub</a></li>
                </ul>
            </div>
            <div class="image">
                <img src="images/hero.svg" alt="find_tool terminal result" />
            </div>
        </section>

        <!-- Why -->
        <section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in"
            id="why">
            <div class="content">
                <h2>The Whole Shelf, Every Turn</h2>
                <p>A default DSH profile ships every mounted tool schema in the prefill before the model emits a
                    single word — and charges that cost again on every turn. A fresh session pays <strong>6,559
                        tokens</strong> and <strong>26 tool schemas</strong> just to say hello.</p>
                <p>DSH Tool Router replaces that shelf with a single small <code>find_tool</code> schema. Measured on
                    the same session: <strong>283 tokens</strong>, <strong>1 schema</strong>. On a 32k context window
                    that is roughly 20% of the model's world handed back for actual work.</p>
                <ul class="actions stacked">
                    <li><a href="#how" class="button big wide smooth-scroll-middle">A Closer Look</a></li>
                </ul>
            </div>
            <div class="image">
                <img src="images/savings.svg" alt="Prefill cost comparison" />
            </div>
        </section>

        <!-- How -->
        <section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in"
            id="how">
            <div class="content">
                <h2>Three Stages, One Schema</h2>
                <p><strong>Stage 0 — Lexical rank.</strong> The router shortlists the mounted tools locally with
                    stopword-filtered keyword and prefix matching. No model call, no latency.</p>
                <p><strong>Stage 1 — Decision model API.</strong> One compact <code>POST /v1/systemone</code> carries
                    every mounted tool (up to 24) with a short criterion and returns the best tool plus a confidence
                    score. Any server that speaks the protocol will do; the endpoint is configurable.</p>
                <p><strong>Stage 2 — Reveal.</strong> If confidence is at least <strong>0.70</strong>, exactly one
                    tool schema is injected and the rest stay masked. Otherwise the router returns a
                    probability-ordered shortlist whose reason names the closest match — and an empty request always
                    returns the full tool catalog as a hint. Exact tool names skip the decision call entirely.</p>
                <ul class="actions stacked">
                    <li><a href="#features" class="button big wide smooth-scroll-middle">Why It Feels Better</a></li>
                </ul>
            </div>
            <div class="image">
                <img src="images/flow.svg" alt="Three stage routing flow" />
            </div>
        </section>

        <!-- Features -->
        <section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in"
            id="features">
            <div class="content">
                <h2>Small Shelf, Sharp Choices</h2>
                <ul class="features">
                    <li><strong>96% smaller prefill</strong> — 6,559 to 283 tokens measured on the same fresh session;
                        the unused half of the shelf is never sent.</li>
                    <li><strong>One schema at a time</strong> — small models follow one schema instead of 26
                        instructions they must never violate.</li>
                    <li><strong>Your decision model, your endpoint</strong> — plain HTTP, no vendor lock-in; edit
                        <code>ROUTER_BASE</code> in <code>index.js</code> to point anywhere.</li>
                    <li><strong>Refuses weak guesses</strong> — the 0.70 confidence gate returns a ranked shortlist
                        with a closest-match reason instead of revealing the wrong tool.</li>
                    <li><strong>Recovery built in</strong> — exact-name fast path, case-insensitive matching, and an
                        empty-request catalog hint for small models.</li>
                    <li><strong>Self-healing masks</strong> — tools registered late are denied immediately; no schema
                        leaks and no runaway re-arming.</li>
                </ul>
                <ul class="actions stacked">
                    <li><a href="#install" class="button big wide smooth-scroll-middle">Install It</a></li>
                </ul>
            </div>
            <div class="image">
                <img src="images/features.svg" alt="Key features" />
            </div>
        </section>

        <!-- Install -->
        <section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in"
            id="install">
            <div class="content">
                <h2>Install In Minutes</h2>
                <ol class="steps">
                    <li data-step="1"><strong>Check the prerequisites.</strong> DSH 0.2.0-rc.2 or newer, <code>pnpm</code>
                        on PATH, and a running decision model API that speaks <code>POST /v1/systemone</code>
                        (defaults to <code>http://127.0.0.1:8081/v1/systemone</code>).</li>
                    <li data-step="2"><strong>Add the plugin.</strong> From the Plugins page, enter the spec below — or
                        use the CLI, or the prebuilt release tarball.</li>
                    <li data-step="3"><strong>Select the bundle.</strong> Pick the <em>No Prefill</em> bundle on the
                        Plugins page (installation enables it by default) and restart DSH if the profile runs without
                        HMR.</li>
                    <li data-step="4"><strong>Verify the boot log.</strong> You should see
                        <code>[dsh-tool-router] registered find_tool</code> with the label count of your registry.</li>
                </ol>
                <pre><code># Install from GitHub
dsh plugin --profile &lt;profile&gt; add \
    git+https://github.com/residenthiago2011/DSH-Tool-Router.git

# ...or from the prebuilt tarball
dsh plugin --profile &lt;profile&gt; add /path/to/dsh-tool-router.tgz</code></pre>
                <ul class="actions stacked">
                    <li><a href="https://github.com/residenthiago2011/DSH-Tool-Router/releases/latest/download/dsh-tool-router.tgz"
                            class="button big wide smooth-scroll-middle">Download Tarball</a></li>
                    <li><a href="https://github.com/residenthiago2011/DSH-Tool-Router"
                            class="fab fa-github button big wide smooth-scroll-middle">Source &amp; Docs</a></li>
                </ul>
            </div>
            <div class="image">
                <img src="images/install.svg" alt="Install terminal" />
            </div>
        </section>

        <!-- Get -->
        <section class="spotlight style1 orient-left content-align-center">
            <div class="content">
                <h2>Pay For What You Use</h2>
                <p>A turn that calls no tool costs 283 tokens instead of 6,559. A turn that calls one tool reveals that
                    one schema once — the other 24 are never sent.</p>
                <ul class="actions stacked">
                    <li><a href="https://github.com/residenthiago2011/DSH-Tool-Router"
                            class="fab fa-github button big wide smooth-scroll-middle">Get DSH Tool Router</a></li>
                    <li><a href="https://github.com/residenthiago2011/DSH-Tool-Router/releases"
                            class="button big wide smooth-scroll-middle">Releases</a></li>
                </ul>
            </div>
        </section>

    </div>

    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.scrollex.min.js"></script>
    <script src="assets/js/jquery.scrolly.min.js"></script>
    <script src="assets/js/browser.min.js"></script>
    <script src="assets/js/breakpoints.min.js"></script>
    <script src="assets/js/util.js"></script>
    <script src="assets/js/main.js"></script>

</body>

</html>