bittensor-cli 9.1.0__py3-none-any.whl → 9.1.2__py3-none-any.whl

bittensor_cli/src/commands/view.py

@@ -1,5 +1,8 @@
 import asyncio
 import json
+import os
+import tempfile
+import webbrowser
 import netaddr
 from dataclasses import asdict, is_dataclass
 from typing import Any, Dict, List
@@ -7,8 +10,9 @@ from pywry import PyWry
 
 from bittensor_cli.src.bittensor.balances import Balance
 from bittensor_cli.src.bittensor.subtensor_interface import SubtensorInterface
-from bittensor_cli.src.bittensor.utils import console
+from bittensor_cli.src.bittensor.utils import console, WalletLike
 from bittensor_wallet import Wallet
+from bittensor_cli.src import defaults
 
 root_symbol_html = f"&#x{ord('τ'):X};"
 
@@ -29,42 +33,80 @@ class Encoder(json.JSONEncoder):
 async def display_network_dashboard(
     wallet: Wallet,
     subtensor: "SubtensorInterface",
-    prompt: bool = True,
+    use_wry: bool = False,
+    save_file: bool = False,
+    dashboard_path: str = None,
+    coldkey_ss58: str = None,
 ) -> bool:
     """
     Generate and display the HTML interface.
     """
+    if coldkey_ss58:
+        wallet = WalletLike(coldkeypub_ss58=coldkey_ss58, name=coldkey_ss58[:7])
     try:
         with console.status("[dark_sea_green3]Fetching data...", spinner="earth"):
             _subnet_data = await fetch_subnet_data(wallet, subtensor)
             subnet_data = process_subnet_data(_subnet_data)
             html_content = generate_full_page(subnet_data)
 
-        console.print(
-            "[dark_sea_green3]Opening dashboard in a window. Press Ctrl+C to close.[/dark_sea_green3]"
-        )
-        window = PyWry()
-        window.send_html(
-            html=html_content,
-            title="Bittensor View",
-            width=1200,
-            height=800,
-        )
-        window.start()
-        await asyncio.sleep(10)
-        try:
-            while True:
-                if _has_exited(window):
-                    break
-                await asyncio.sleep(1)
-        except KeyboardInterrupt:
-            console.print("\n[yellow]Closing Bittensor View...[/yellow]")
-        finally:
-            if not _has_exited(window):
-                try:
-                    window.close()
-                except Exception:
-                    pass
+        if use_wry:
+            console.print(
+                "[dark_sea_green3]Opening dashboard in a window. Press Ctrl+C to close.[/dark_sea_green3]"
+            )
+            window = PyWry()
+            window.send_html(
+                html=html_content,
+                title="Bittensor View",
+                width=1200,
+                height=800,
+            )
+            window.start()
+            await asyncio.sleep(10)
+            try:
+                while True:
+                    if _has_exited(window):
+                        break
+                    await asyncio.sleep(1)
+            except KeyboardInterrupt:
+                console.print("\n[yellow]Closing Bittensor View...[/yellow]")
+            finally:
+                if not _has_exited(window):
+                    try:
+                        window.close()
+                    except Exception:
+                        pass
+        else:
+            if save_file:
+                dir_path = os.path.expanduser(dashboard_path)
+            else:
+                dir_path = os.path.expanduser(defaults.dashboard.path)
+            if not os.path.exists(dir_path):
+                os.makedirs(dir_path)
+
+            with tempfile.NamedTemporaryFile(
+                delete=not save_file,
+                suffix=".html",
+                mode="w",
+                dir=dir_path,
+                prefix=f"{wallet.name}_{subnet_data['block_number']}_",
+            ) as f:
+                f.write(html_content)
+                temp_path = f.name
+                file_url = f"file://{os.path.abspath(temp_path)}"
+
+                if not save_file:
+                    with console.status(
+                        "[dark_sea_green3]Loading dashboard...[/dark_sea_green3]",
+                        spinner="material",
+                    ):
+                        webbrowser.open(file_url)
+                        await asyncio.sleep(10)
+                        return True
+
+            console.print("[green]Dashboard View opened in your browser[/green]")
+            console.print(f"[yellow]The HTML file is saved at: {temp_path}[/yellow]")
+            webbrowser.open(file_url)
+            return True
 
     except Exception as e:
         print(f"Error: {e}")
@@ -76,21 +118,33 @@ def int_to_ip(int_val: int) -> str:
     return str(netaddr.IPAddress(int_val))
 
 
-def get_hotkey_identity(
+def get_identity(
     hotkey_ss58: str,
     identities: dict,
     old_identities: dict,
     trucate_length: int = 4,
+    return_bool: bool = False,
+    lookup_hk: bool = True,
 ) -> str:
     """Fetch identity of hotkey from both sources"""
-    if hk_identity := identities["hotkeys"].get(hotkey_ss58):
-        return hk_identity.get("identity", {}).get("name", "") or hk_identity.get(
-            "display", "~"
-        )
-    elif old_identity := old_identities.get(hotkey_ss58):
+    if lookup_hk:
+        if hk_identity := identities["hotkeys"].get(hotkey_ss58):
+            return hk_identity.get("identity", {}).get("name", "") or hk_identity.get(
+                "display", "~"
+            )
+    else:
+        if ck_identity := identities["coldkeys"].get(hotkey_ss58):
+            return ck_identity.get("identity", {}).get("name", "") or ck_identity.get(
+                "display", "~"
+            )
+
+    if old_identity := old_identities.get(hotkey_ss58):
         return old_identity.display
     else:
-        return f"{hotkey_ss58[:trucate_length]}...{hotkey_ss58[-trucate_length:]}"
+        if return_bool:
+            return False
+        else:
+            return f"{hotkey_ss58[:trucate_length]}...{hotkey_ss58[-trucate_length:]}"
 
 
 async def fetch_subnet_data(
@@ -164,7 +218,7 @@ def process_subnet_data(raw_data: Dict[str, Any]) -> Dict[str, Any]:
             stake_dict.setdefault(stake.netuid, []).append(
                 {
                     "hotkey": stake.hotkey_ss58,
-                    "hotkey_identity": get_hotkey_identity(
+                    "hotkey_identity": get_identity(
                         stake.hotkey_ss58, ck_hk_identities, old_identities
                     ),
                     "amount": stake.stake.tao,
@@ -228,7 +282,7 @@ def process_subnet_data(raw_data: Dict[str, Any]) -> Dict[str, Any]:
 
         # Add identities
         for hotkey in meta_info.hotkeys:
-            identity = get_hotkey_identity(
+            identity = get_identity(
                 hotkey, ck_hk_identities, old_identities, trucate_length=2
             )
             metagraph_info["updated_identities"].append(identity)
@@ -278,9 +332,22 @@ def process_subnet_data(raw_data: Dict[str, Any]) -> Dict[str, Any]:
             }
         )
     subnets.sort(key=lambda x: x["market_cap"], reverse=True)
+
+    wallet_identity = get_identity(
+        wallet.coldkeypub.ss58_address,
+        ck_hk_identities,
+        old_identities,
+        return_bool=True,
+        lookup_hk=False,
+    )
+    if not wallet_identity:
+        wallet_identity = wallet.name
+    else:
+        wallet_identity = f"{wallet_identity} ({wallet.name})"
+
     return {
         "wallet_info": {
-            "name": wallet.name,
+            "name": wallet_identity,
             "balance": balance.tao,
             "coldkey": wallet.coldkeypub.ss58_address,
             "total_ideal_stake_value": total_ideal_stake_value.tao,
@@ -319,6 +386,7 @@ def generate_full_page(data: Dict[str, Any]) -> str:
     <!DOCTYPE html>
     <html>
     <head>
+        <meta charset="UTF-8">
         <title>Bittensor CLI Interface</title>
         <style>
             {get_css_styles()}
@@ -617,6 +685,7 @@ def generate_main_header(wallet_info: Dict[str, Any], block_number: int) -> str:
 
     return f"""
     <div class="header">
+        <meta charset="UTF-8">
         <div class="wallet-info">
             <span class="wallet-name">{wallet_info["name"]}</span>
             <div class="wallet-address-container" onclick="copyToClipboard('{wallet_info["coldkey"]}', this)">

bittensor_cli/src/commands/wallets.py

@@ -14,7 +14,6 @@ from rich.align import Align
 from rich.table import Column, Table
 from rich.tree import Tree
 from rich.padding import Padding
-import typer
 
 from bittensor_cli.src import COLOR_PALETTE
 from bittensor_cli.src.bittensor import utils
@@ -120,7 +119,7 @@ async def regen_hotkey(
     if json_path:
         if not os.path.exists(json_path) or not os.path.isfile(json_path):
             err_console.print(f"File {json_path} does not exist")
-            raise typer.Exit()
+            return False
         with open(json_path, "r") as f:
             json_str = f.read()
 
@@ -1362,15 +1361,6 @@ async def set_id(
         "github_repo": github_repo.encode(),
     }
 
-    for field, value in identity_data.items():
-        max_size = 64  # bytes
-        if len(value) > max_size:
-            err_console.print(
-                f"[red]Error:[/red] Identity field [white]{field}[/white] must be <= {max_size} bytes.\n"
-                f"Value '{value.decode()}' is {len(value)} bytes."
-            )
-            return False
-
     if not unlock_key(wallet).success:
         return False
 

bittensor_cli/version.py

@@ -15,5 +15,5 @@ def version_as_int(version):
     __new_signature_version__ = 360
     return __version_as_int__
 
-__version__ = "9.1.0"
+__version__ = "9.1.2"
 __version_as_int__ = version_as_int(__version__)

{bittensor_cli-9.1.0.dist-info → bittensor_cli-9.1.2.dist-info}/METADATA

@@ -1,31 +1,15 @@
 Metadata-Version: 2.1
 Name: bittensor-cli
-Version: 9.1.0
+Version: 9.1.2
 Summary: Bittensor CLI
-Home-page: https://github.com/opentensor/btcli
 Author: bittensor.com
-Author-email: 
-License: MIT
-Classifier: Development Status :: 5 - Production/Stable
-Classifier: Intended Audience :: Developers
-Classifier: Topic :: Software Development :: Build Tools
-Classifier: License :: OSI Approved :: MIT License
-Classifier: Programming Language :: Python :: 3 :: Only
-Classifier: Programming Language :: Python :: 3.9
-Classifier: Programming Language :: Python :: 3.10
-Classifier: Programming Language :: Python :: 3.11
-Classifier: Programming Language :: Python :: 3.12
-Classifier: Topic :: Scientific/Engineering
-Classifier: Topic :: Scientific/Engineering :: Mathematics
-Classifier: Topic :: Scientific/Engineering :: Artificial Intelligence
-Classifier: Topic :: Software Development
-Classifier: Topic :: Software Development :: Libraries
-Classifier: Topic :: Software Development :: Libraries :: Python Modules
-Requires-Python: >=3.9
+Project-URL: homepage, https://github.com/opentensor/btcli
+Project-URL: Repository, https://github.com/opentensor/btcli
+Requires-Python: <3.13,>=3.9
 Description-Content-Type: text/markdown
 Requires-Dist: wheel
 Requires-Dist: async-property==0.2.2
-Requires-Dist: async-substrate-interface>=1.0.3
+Requires-Dist: async-substrate-interface>=1.0.5
 Requires-Dist: aiohttp~=3.10.2
 Requires-Dist: backoff~=2.2.1
 Requires-Dist: GitPython>=3.0.0
@@ -33,7 +17,7 @@ Requires-Dist: fuzzywuzzy~=0.18.0
 Requires-Dist: netaddr~=1.3.0
 Requires-Dist: numpy>=2.0.1
 Requires-Dist: Jinja2
-Requires-Dist: pycryptodome
+Requires-Dist: pycryptodome<4.0.0,>=3.0.0
 Requires-Dist: PyYAML~=6.0.1
 Requires-Dist: pytest
 Requires-Dist: python-Levenshtein
@@ -42,12 +26,12 @@ Requires-Dist: scalecodec==1.2.11
 Requires-Dist: typer~=0.12
 Requires-Dist: websockets>=14.1
 Requires-Dist: bittensor-wallet>=3.0.4
-Requires-Dist: plotille
-Requires-Dist: pywry
-Requires-Dist: plotly
+Requires-Dist: plotille>=5.0.0
+Requires-Dist: pywry>=0.6.2
+Requires-Dist: plotly>=6.0.0
 Provides-Extra: cuda
+Requires-Dist: torch<2.6.0,>=1.13.1; extra == "cuda"
 Requires-Dist: cubit>=1.1.0; extra == "cuda"
-Requires-Dist: torch; extra == "cuda"
 
 <div align="center">
 

{bittensor_cli-9.1.0.dist-info → bittensor_cli-9.1.2.dist-info}/RECORD

@@ -1,36 +1,35 @@
 bittensor_cli/__init__.py,sha256=Lpv4NkbAQgwrfqFOnTMuR_S-fqGdaWCSLhxnFnGTHM0,1232
-bittensor_cli/cli.py,sha256=bqGrWcqcm8C347v89pwYN8RxMsJANg6DvosUTWqtKsE,195266
+bittensor_cli/cli.py,sha256=b74SuigzFMoGItVfdkpWoIOktTBLx1ALc-oHb7nprvs,198453
 bittensor_cli/doc_generation_helper.py,sha256=GexqjEIKulWg84hpNBEchJ840oOgOi7DWpt447nsdNI,91
-bittensor_cli/version.py,sha256=CNkEZiT2D-9y52rGJS2OIcNA9TJ-Nr5-2zIbPQhQ7-I,622
-bittensor_cli/src/__init__.py,sha256=R21KfHmy4IfVfxdTSRt_j1NeRTtJkm4cCuZUz3xaDMs,26490
+bittensor_cli/version.py,sha256=3RfWXsWszr62jh5wKR5mVQE7z-U3vsAuhEbQzn3kiUg,622
+bittensor_cli/src/__init__.py,sha256=9JLmK4Z-auboWXX74sMkJiFSvcjw3jcRUUw5lRRABy8,26553
 bittensor_cli/src/bittensor/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 bittensor_cli/src/bittensor/balances.py,sha256=q5KkxF8wmUguWAFddEKstfDKTxPe5ISHpT6br8x32rc,11148
 bittensor_cli/src/bittensor/chain_data.py,sha256=hG61nRpp_4A1NkmEQcbmL89Z1UqL1IF1F9om896Pp-g,41616
 bittensor_cli/src/bittensor/minigraph.py,sha256=BIzmSVLfBYiRAeGD_i1LAC8Cw7zxp38a91SIFEPMqYc,10479
 bittensor_cli/src/bittensor/networking.py,sha256=pZLMs8YXpZzDMLXWMBb_Bj6TVkm_q9khyY-lnbwVMuE,462
-bittensor_cli/src/bittensor/subtensor_interface.py,sha256=iSORcGNR8OFzVc-ouDfSITPU0qqE2JovHFOJ8Tx9TZI,54491
-bittensor_cli/src/bittensor/utils.py,sha256=HbtLcHNScqRy-pqwuNu-aZZwPFfOQINUHPw0Ps585j4,46805
+bittensor_cli/src/bittensor/subtensor_interface.py,sha256=tOhQEkjO03J7YJNYdUOmmH333SR5wNybmgYNZ7aoygk,54507
+bittensor_cli/src/bittensor/utils.py,sha256=z3KsDpOVgL1O16aXYJWDspaK1UFgei-eXxX2biZZ98s,47539
 bittensor_cli/src/bittensor/extrinsics/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 bittensor_cli/src/bittensor/extrinsics/registration.py,sha256=3mJZ3hw_wZEa-8I0R8WVuKjMQi4Y9EV5FjTCvbY37Iw,63780
 bittensor_cli/src/bittensor/extrinsics/root.py,sha256=N9Fg4VaveRRP1ZN4EZjIWCe04FpTNBKWFqx8USKp9uQ,19062
 bittensor_cli/src/bittensor/extrinsics/transfer.py,sha256=FyrRo3yk-065toN4f-1Xes23CE5tqP5KU0dBJkKofUc,8476
-bittensor_cli/src/bittensor/templates/table.j2,sha256=P2EFiksnO1cQsB8zjK6hVJwUryHTsLslzRE0YtobAV8,10601
 bittensor_cli/src/commands/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-bittensor_cli/src/commands/sudo.py,sha256=erQVUDj101iJcmDL1Ej7tGQHNfWRP5BHpx0dXLHQYbE,31487
-bittensor_cli/src/commands/view.py,sha256=AE2YV92Hj1p9WgcWWTEeL4lySep_uEr6ExJhzXnQbAM,107101
-bittensor_cli/src/commands/wallets.py,sha256=hv9gzh-zPS8gXzgJIfENQVR6BFYxh6abjxmHUjqMhsY,51086
+bittensor_cli/src/commands/sudo.py,sha256=GICsjDYvaoJpq5zAUHb3gIcXvD0t1VNOkz8hghz_AUs,31475
+bittensor_cli/src/commands/view.py,sha256=2MdhWWbY9rwGqDilzs8r2ioa0l2GzrYxe8pKkavEVWs,109517
+bittensor_cli/src/commands/wallets.py,sha256=DuG3LQx75NRsi-f0-8Y-FriOSqj57nViNf1xryHHFV0,50711
 bittensor_cli/src/commands/weights.py,sha256=uI7aACKD90JOtYt61VdKL76z7Fe_wh4WtdwMXL6ydD4,16269
 bittensor_cli/src/commands/stake/__init__.py,sha256=uxomMv_QrYt5Qn3_X5UWFFh45ISjB0JmDmCFxVyX8nQ,6495
-bittensor_cli/src/commands/stake/add.py,sha256=F93eM-RBjrjeoSQAq0iBj6LJwBF9BQJVDd4f9bub1f8,24979
+bittensor_cli/src/commands/stake/add.py,sha256=aVdBEdrfJ5-IK9MpQ00lYQylw_e6BgimCsxMFJZe75E,24911
 bittensor_cli/src/commands/stake/children_hotkeys.py,sha256=STUeMc9PdzJPx_nfFzPLBUkSc4Wf9b40PJZZZEAKHfI,29630
-bittensor_cli/src/commands/stake/list.py,sha256=AnzBhUjuwckFAXYwgv9Yk1JHUKu2w1h8_m8-hf77g80,28625
-bittensor_cli/src/commands/stake/move.py,sha256=JuCvAIWd_elB5IDOmzMgJj6w3NikFXiUtRnLZ0N95P0,37236
-bittensor_cli/src/commands/stake/remove.py,sha256=gaQN7Gck0l0GCmtiYhZMWlD6OudcNy6cEIEkE8OzQRo,46863
+bittensor_cli/src/commands/stake/list.py,sha256=TfoFrXsYRTQeTiDd6pHu-f6rZ2ev0VK9fMybQ295X7Q,28600
+bittensor_cli/src/commands/stake/move.py,sha256=RSFtMgpBlK82U9CtCcijeZWBOABABnaPzyIgC2ug_Tc,34635
+bittensor_cli/src/commands/stake/remove.py,sha256=iEVV79RmhA2mCL2UGydc98pcCNTO6dpP7gJeq6OfbG0,46884
 bittensor_cli/src/commands/subnets/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 bittensor_cli/src/commands/subnets/price.py,sha256=TWcRXUFeS_Q-pfyv0YIluAL8SE7d2gzTODK-9M2J5pw,29878
-bittensor_cli/src/commands/subnets/subnets.py,sha256=YuJ0pmd63O2dg9j3WmTwAeZQ7CGweqw6-ORF6ZaaNh0,84041
-bittensor_cli-9.1.0.dist-info/METADATA,sha256=m4srVvkIryqPEtu9SUYUB32Ortgu39AI9cATyo2AqpY,6855
-bittensor_cli-9.1.0.dist-info/WHEEL,sha256=tZoeGjtWxWRfdplE7E3d45VPlLNQnvbKiYnx7gwAy8A,92
-bittensor_cli-9.1.0.dist-info/entry_points.txt,sha256=hBTLGLbVxmAKy69XSKaUZvjTCmyEzDGZKq4S8UOto8I,49
-bittensor_cli-9.1.0.dist-info/top_level.txt,sha256=DvgvXpmTtI_Q1BbDZMlK90LFcGFCreN1daViEPV2iFw,14
-bittensor_cli-9.1.0.dist-info/RECORD,,
+bittensor_cli/src/commands/subnets/subnets.py,sha256=vEhCB756458KstHDSS1nEahympyGWNEmjujUhZ-6NSg,83936
+bittensor_cli-9.1.2.dist-info/METADATA,sha256=KLPzzTfK7BqqmOPUKfAt5PVljkSkm8aNMursZA5ysqQ,6145
+bittensor_cli-9.1.2.dist-info/WHEEL,sha256=tZoeGjtWxWRfdplE7E3d45VPlLNQnvbKiYnx7gwAy8A,92
+bittensor_cli-9.1.2.dist-info/entry_points.txt,sha256=hBTLGLbVxmAKy69XSKaUZvjTCmyEzDGZKq4S8UOto8I,49
+bittensor_cli-9.1.2.dist-info/top_level.txt,sha256=DvgvXpmTtI_Q1BbDZMlK90LFcGFCreN1daViEPV2iFw,14
+bittensor_cli-9.1.2.dist-info/RECORD,,

bittensor_cli/src/bittensor/templates/table.j2

@@ -1,267 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>{{ title }}</title>
-    <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&display=swap" rel="stylesheet">
-    <link href="https://unpkg.com/tabulator-tables@6.2.5/dist/css/tabulator.min.css" rel="stylesheet">
-    <script type="text/javascript" src="https://oss.sheetjs.com/sheetjs/xlsx.full.min.js"></script>
-    <script type="text/javascript" src="https://unpkg.com/tabulator-tables@6.2.5/dist/js/tabulator.min.js"></script>
-</head>
-<style>
-    .tabulator {
-        font-family: 'DM Mono', monospace !important;
-    }
-
-    .tabulator .tabulator-header .tabulator-col {
-        font-family: 'DM Mono', monospace !important;
-    }
-
-    .tabulator .tabulator-tableHolder .tabulator-row .tabulator-cell {
-        font-family: 'DM Mono', monospace !important;
-    }
-
-    .tabulator .tabulator-header {
-        background-color: #282A2D !important;
-        color: white !important;
-    }
-
-    .tabulator .tabulator-header .tabulator-col {
-        background-color: #282A2D !important;
-        color: white !important;
-        padding: 16px 12px;
-    }
-
-    .tabulator .tabulator-tableHolder .tabulator-row .tabulator-cell {
-        padding: 16px 12px;
-    }
-
-    .tabulator .tabulator-tableHolder .tabulator-row:nth-child(even) {
-        background-color: #f2f2f2;
-    }
-
-    .tabulator .tabulator-tableHolder .tabulator-row:hover {
-        background-color: #ddd;
-    }
-
-    /* Apply styles only to the filter section selects */
-    .filter-section select {
-        -webkit-appearance: none;
-        -moz-appearance: none;
-        appearance: none;
-        padding: 8px;
-        border: 1px solid #DBDDE1;
-        border-radius: 4px;
-        font-family: 'DM Mono', monospace;
-        font-size: 12px;
-        color: #0E1013;
-        background-repeat: no-repeat;
-        background-position: right 10px center;
-        background-size: 10px;
-        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%230E1013" d="M2 0L0 2h4z"/></svg>');
-    }
-
-    /* Specific styles for each select element */
-    .filter-section #filter-field {
-        background-color: #F0F0F0;
-    }
-
-    .filter-section #filter-type {
-        background-color: #E8E8E8;
-        border: 1px solid #C0C0C0;
-    }
-
-    .filter-section #filter-value {
-        background-color: #FFFFFF;
-        border: 1px solid #DBDDE1;
-    }
-
-</style>
-<body style="margin: 0; padding: 0;">
-<!-- Header Bar -->
-<div style="position: relative; width: 1648px; height: 48px; margin: 32px auto 0 auto; background-color: white; color: #282A2D;">
-    <!-- Tao Symbol on the Left -->
-    <div style="position: absolute; width: 48px; height: 48px; left: 16px; top: 0; text-align: center;
-            font-family: 'GFS Neohellenic', serif; font-weight: 400; font-size: 48px; line-height: 48px; color: #282A2D;">
-        <?xml version="1.0" encoding="UTF-8"?>
-        <svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.44 36.91">
-            <path d="M20.88,28.32V13.19c0-3.78-3.12-6.86-6.9-6.86V30.51c0,4.81,4.08,6.4,6.6,6.4,2.09,0,3.27-.36,4.69-1.36-3.98-.42-4.39-2.82-4.39-7.23Z"/>
-            <path d="M6.29,0C2.82,0,0,2.87,0,6.34H28.15c3.47,0,6.29-2.87,6.29-6.34H6.29Z"/>
-        </svg>
-
-    </div>
-    <!-- Table Info slightly off-center and constrained to one line -->
-    <div style="position: absolute; left: 25%; transform: translateX(-25%); top: 12px; width: 60%;
-            font-family: 'DM Mono', monospace; font-weight: 400; font-size: 12px; letter-spacing: 0.05em;
-            text-transform: uppercase; color: #282A2D; white-space: nowrap;">
-        {{ table_info }}
-    </div>
-</div>
-
-<!-- Filter Section -->
-<div class="filter-section"
-     style="display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 16px; border: 1px dashed #0E1013; border-radius: 5px; width: fit-content; margin: 20px auto; box-sizing: border-box;">
-
-    <!-- Filter Field -->
-    <div style="display: flex; flex-direction: column; gap: 4px; flex-grow: 0;">
-        <label for="filter-field"
-               style="font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">
-            Filter Field
-        </label>
-        <select id="filter-field">
-            <option></option>
-            {% for col in column_names %}
-                <option value="{{ col }}">{{ col }}</option>
-            {% endfor %}
-        </select>
-    </div>
-
-    <!-- Filter Type -->
-    <div style="display: flex; flex-direction: column; gap: 4px; flex-grow: 0;">
-        <label for="filter-type"
-               style="font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">
-            Filter Type
-        </label>
-        <select id="filter-type">
-            <option value="=">=</option>
-            <option value="<"><</option>
-            <option value="<="><=</option>
-            <option value=">">></option>
-            <option value=">=">>=</option>
-            <option value="!=">!=</option>
-            <option value="like">like</option>
-        </select>
-    </div>
-
-    <!-- Filter Value -->
-    <div style="display: flex; flex-direction: column; gap: 4px; flex-grow: 0;">
-        <label for="filter-value"
-               style="font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">
-            Filter Value
-        </label>
-        <input id="filter-value" type="text" placeholder="value to filter"
-               style="padding: 8px; border: 1px solid #DBDDE1; border-radius: 4px; background: #FFFFFF; font-family: 'DM Mono'; font-size: 12px; color: #0E1013;">
-    </div>
-
-    <!-- Clear Button -->
-    <div style="display: flex; align-items: flex-end; flex-grow: 0;">
-        <button id="filter-clear"
-                style="padding: 8px 16px; border: 1px solid #DBDDE1; border-radius: 4px; background: #FFFFFF; font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">
-            Clear Filter
-        </button>
-    </div>
-
-</div>
-
-<!-- Table Placeholder (for reference) -->
-<div id="my-table" style="width: 1648px; margin: 20px auto;">
-    <!-- Table content will go here -->
-</div>
-
-<div style="margin: 20px auto; text-align: center;">
-    <button id="download-csv" style="padding: 8px 16px; border: 1px solid #DBDDE1; border-radius: 4px; background: #FFFFFF; font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">Download CSV</button>
-    <button id="download-json" style="padding: 8px 16px; border: 1px solid #DBDDE1; border-radius: 4px; background: #FFFFFF; font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">Download JSON</button>
-    <button id="download-xlsx" style="padding: 8px 16px; border: 1px solid #DBDDE1; border-radius: 4px; background: #FFFFFF; font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">Download XLSX</button>
-    <button id="download-html" style="padding: 8px 16px; border: 1px solid #DBDDE1; border-radius: 4px; background: #FFFFFF; font-family: 'DM Mono'; font-size: 12px; text-transform: uppercase; color: #0E1013;">Download HTML</button>
-</div>
-
-</body>
-
-<script>
-    const columns = {{ columns|safe }};
-    columns.forEach(column => {
-        if (column.customFormatter === "millify") {
-            column.formatter = millify;
-            delete column.customFormatter;
-        }
-    });
-    const None = null;
-    const table = new Tabulator("#my-table",
-        {
-            columns: columns,
-            data: {{ rows|safe }},
-            pagination: "local",
-            paginationSize: 50,
-            paginationSizeSelector: [50, 100, 150, 200],
-            movableColumns: true,
-            paginationCounter: "rows",
-            layout: "fitDataFill",
-            {% if tree %} dataTree: true, {% endif %}
-        }
-    )
-    //Define variables for input elements
-    const fieldEl = document.getElementById("filter-field");
-    const typeEl = document.getElementById("filter-type");
-    const valueEl = document.getElementById("filter-value");
-
-    //Custom filter example
-    function customFilter(data) {
-        return data.car && data.rating < 3;
-    }
-
-    //Trigger setFilter function with correct parameters
-    function updateFilter() {
-        var filterVal = fieldEl.options[fieldEl.selectedIndex].value;
-        var typeVal = typeEl.options[typeEl.selectedIndex].value;
-
-        var filter = filterVal == "function" ? customFilter : filterVal;
-
-        if (filterVal == "function") {
-            typeEl.disabled = true;
-            valueEl.disabled = true;
-        } else {
-            typeEl.disabled = false;
-            valueEl.disabled = false;
-        }
-
-        if (filterVal) {
-            table.setFilter(filter, typeVal, valueEl.value);
-        }
-    }
-
-    function millify(cell, formatterParams, onRendered) {
-        const millNames = ["", "K", "M", "B", "T"];
-        const n = cell.getValue();
-        const nAbs = Math.abs(n);
-        const millIdx = Math.max(0, Math.min(millNames.length - 1, Math.floor(nAbs === 0 ? 0 : Math.log10(nAbs) / 3)));
-
-        return (n / Math.pow(10, 3 * millIdx)).toFixed(2) + millNames[millIdx];
-    }
-
-    //Update filters on value change
-    document.getElementById("filter-field").addEventListener("change", updateFilter);
-    document.getElementById("filter-type").addEventListener("change", updateFilter);
-    document.getElementById("filter-value").addEventListener("keyup", updateFilter);
-
-    //Clear filters on "Clear Filters" button click
-    document.getElementById("filter-clear").addEventListener("click", function () {
-        fieldEl.value = "";
-        typeEl.value = "=";
-        valueEl.value = "";
-
-        table.clearFilter();
-    });
-
-    //trigger download of data.csv file
-    document.getElementById("download-csv").addEventListener("click", function () {
-        table.download("csv", "{{ title }}.csv");
-    });
-
-    //trigger download of data.json file
-    document.getElementById("download-json").addEventListener("click", function () {
-        table.download("json", "{{ title }}.json");
-    });
-
-    //trigger download of data.xlsx file
-    document.getElementById("download-xlsx").addEventListener("click", function () {
-        table.download("xlsx", "{{ title }}.xlsx", {sheetName: "My Data"});
-    });
-
-    //trigger download of data.html file
-    document.getElementById("download-html").addEventListener("click", function () {
-        table.download("html", "{{ title }}.html", {style: true});
-    });
-
-</script>
-
-</html>