v0.22.0 (#381)

Author: aidemsined

.env.sample

@@ -3,7 +3,7 @@
 VITE_API_ROOT=http://localhost:8000/api
 
 # Backend
-HOST=0.0.0.0
+HOST=localhost
 PORT=8000
 DEV_SERVER_PORT=5173
 DEV_SERVER_HOST=localhost

backend/ttnn_visualizer/csv_queries.py

@@ -565,14 +565,16 @@ class OpsPerformanceReportQueries:
         "input_0_memory",
         "inner_dim_block_size",
         "output_subblock_h",
-        "output_subblock_w"
+        "output_subblock_w",
+        "advice",
     ]
 
     DEFAULT_SIGNPOST = None
     DEFAULT_IGNORE_SIGNPOSTS = None
     DEFAULT_MIN_PERCENTAGE = 0.5
     DEFAULT_ID_RANGE = None
     DEFAULT_NO_ADVICE = False
+    DEFAULT_TRACING_MODE = False
 
     @classmethod
     def generate_report(cls, session):
@@ -587,6 +589,7 @@ def generate_report(cls, session):
             cls.DEFAULT_ID_RANGE,
             csv_output_file,
             cls.DEFAULT_NO_ADVICE,
+            cls.DEFAULT_TRACING_MODE,
         )
 
         report = []
@@ -596,9 +599,14 @@ def generate_report(cls, session):
                 reader = csv.reader(csvfile, delimiter=",")
                 next(reader, None)
                 for row in reader:
-                    report.append({
-                        column: row[index] for index, column in enumerate(cls.REPORT_COLUMNS)
-                    })
+                    processed_row = {
+                        column: row[index] for index, column in enumerate(cls.REPORT_COLUMNS) if index < len(row)
+                    }
+                    if "advice" in processed_row and processed_row["advice"]:
+                        processed_row["advice"] = processed_row["advice"].split(" • ")
+                    else:
+                        processed_row["advice"] = []
+                    report.append(processed_row)
         except csv.Error as e:
             raise DataFormatError() from e
         finally:

backend/ttnn_visualizer/requirements.txt

@@ -16,7 +16,7 @@ wheel
 build
 PyYAML==6.0.2
 python-dotenv==1.0.1
-tt-perf-report==1.0.0
+tt-perf-report==1.0.3
 
 # Dev dependencies
 mypy

backend/ttnn_visualizer/settings.py

@@ -50,7 +50,7 @@ class DefaultConfig(object):
     GUNICORN_WORKER_CLASS = os.getenv("GUNICORN_WORKER_CLASS", "gevent")
     GUNICORN_WORKERS = os.getenv("GUNICORN_WORKERS", "1")
     PORT = os.getenv("PORT", "8000")
-    HOST = "0.0.0.0"
+    HOST = "localhost"
     DEV_SERVER_PORT = "5173"
     DEV_SERVER_HOST = "localhost"
 

docs/getting-started.md

@@ -60,7 +60,7 @@ using `pip install release_name.whl`.
 
 ## Running the application
 
-After installation run `ttnn-visualizer` to start the application. If the app does not open automatically in your browser you can navigate to `http://0.0.0.0:8000`.
+After installation run `ttnn-visualizer` to start the application. If the app does not open automatically in your browser you can navigate to `http://localhost:8000`.
 
 ### Docker
 

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "ttnn-visualzer",
   "private": true,
-  "version": "0.21.1",
+  "version": "0.22.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package.json

@@ -1,7 +1,7 @@
 [project]
 name = "ttnn_visualizer"
 authors = []
-version = "0.21.1"
+version = "0.22.0"
 description = "TT Visualizer"
 readme = "README.md"
 requires-python = ">=3.12"
@@ -22,7 +22,7 @@ dependencies = [
     "flask-sqlalchemy==3.1.1",
     "PyYAML==6.0.2",
     "python-dotenv==1.0.1",
-    "tt-perf-report==1.0.0"
+    "tt-perf-report==1.0.3"
 ]
 
 classifiers = [

pyproject.toml

@@ -38,7 +38,7 @@ const Collapsible: React.FC<React.PropsWithChildren<CollapsibleProps>> = ({
 
     const icon = isOpenState ? IconNames.CARET_UP : IconNames.CARET_DOWN;
     return (
-        <div className={`collapsible-component ${collapseClassName}`}>
+        <div className={classNames('collapsible-component', collapseClassName)}>
             <div className='collapsible-controls'>
                 {children && (
                     <Button

src/components/Collapsible.tsx

@@ -4,9 +4,10 @@
 
 import React from 'react';
 import classNames from 'classnames';
-import { Icon, IconName, Intent, Tag, TagProps } from '@blueprintjs/core';
+import { Icon, IconName, Intent, TagProps } from '@blueprintjs/core';
 import HighlightedText from './HighlightedText';
 import '../scss/components/ListItem.scss';
+import MemoryTag from './MemoryTag';
 
 interface ListItemProps {
     filterName: string;
@@ -49,14 +50,7 @@ const ListItem: React.FC<ListItemProps> = ({
 
             {children}
 
-            {tags?.map((tag) => (
-                <Tag
-                    key={tag.htmlTitle}
-                    className={tag.className}
-                >
-                    {tag.htmlTitle}
-                </Tag>
-            ))}
+            {tags?.map((tag) => <MemoryTag memory={tag.htmlTitle} />)}
         </div>
     );
 };