sqlalchemy-studio 0.1.8__tar.gz → 0.1.9__tar.gz

{sqlalchemy_studio-0.1.8 → sqlalchemy_studio-0.1.9}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: sqlalchemy-studio
-Version: 0.1.8
+Version: 0.1.9
 Summary: FastAPI studio for inspecting SQLAlchemy databases
 Author-email: Xursand Qarlibayev <coderxuz2009@gmail.com>
 License: MIT
@@ -18,6 +18,7 @@ Description-Content-Type: text/markdown
 Requires-Dist: build>=1.5.0
 Requires-Dist: fastapi>=0.136.3
 Requires-Dist: sqlalchemy>=2.0.50
+Requires-Dist: taskipy>=1.14.1
 Requires-Dist: twine>=6.2.0
 Requires-Dist: uvicorn>=0.48.0
 

{sqlalchemy_studio-0.1.8 → sqlalchemy_studio-0.1.9}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "sqlalchemy-studio"
-version = "0.1.8"
+version = "0.1.9"
 description = "FastAPI studio for inspecting SQLAlchemy databases"
 readme = "README.md"
 requires-python = ">=3.11"
@@ -12,6 +12,7 @@ dependencies = [
     "build>=1.5.0",
     "fastapi>=0.136.3",
     "sqlalchemy>=2.0.50",
+    "taskipy>=1.14.1",
     "twine>=6.2.0",
     "uvicorn>=0.48.0",
 ]
@@ -35,3 +36,10 @@ include = ["studio*", "sqlalchemy_studio*"]
 
 [tool.setuptools.package-data]
 sqlalchemy_studio = ["static/**/*"]
+
+
+[tool.taskipy.tasks]
+build = "build"
+upload = "-m twine upload dist/*"
+dev = "uvicorn backend.main:app --reload"
+bot = "python -m bot.main"

{sqlalchemy_studio-0.1.8 → sqlalchemy_studio-0.1.9}/sqlalchemy_studio/Studio.py

@@ -1,6 +1,7 @@
-from sqlalchemy import and_, create_engine, func, inspect, Engine, or_, select, Table
+from sqlalchemy import and_, create_engine, delete, func, inspect, Engine, or_, select, Table
 from sqlalchemy.engine.interfaces import ReflectedColumn
 from sqlalchemy.orm import DeclarativeBase
+from sqlalchemy.sql.elements import ColumnElement
 from fastapi import FastAPI, HTTPException, status, Request
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.staticfiles import StaticFiles
@@ -15,7 +16,12 @@ from sqlalchemy_studio.backend import create_tables_router
 from typing import Self, TypedDict, Any, cast, TYPE_CHECKING
 
 if TYPE_CHECKING:
-    from sqlalchemy_studio.backend import FilterRequest
+    from sqlalchemy_studio.backend import (
+        ColumnValueMatch,
+        DeleteRowsRequest,
+        FilterCondition,
+        FilterRequest,
+    )
 
 engine = create_engine("sqlite:///test.db")
 
@@ -44,6 +50,10 @@ class GetRowsResponse(TypedDict):
     total_count: int
 
 
+class DeleteRowsResponse(TypedDict):
+    deleted_count: int
+
+
 class Studio:
     def __init__(self: Self, engine: Engine, base: DeclarativeBase) -> None:
         self.engine = engine
@@ -174,84 +184,170 @@ class Studio:
 
         return response_data
 
-    def get_rows_advanced(
-        self: Self, table_name: str, payload: "FilterRequest"
-    ) -> GetRowsResponse:
-        """
-        Advanced filtering using logical operator trees matching custom UI filters.
-        """
+    def _get_table_or_404(self: Self, table_name: str) -> Table:
         if not self.inspector.has_table(table_name):
             raise HTTPException(
-                status_code=404, detail=f"Table '{table_name}' not found."
+                status_code=status.HTTP_404_NOT_FOUND,
+                detail=f"Table '{table_name}' not found.",
             )
 
-        table = Table(
+        return Table(
             table_name,
             self.base.metadata,
             autoload_with=self.engine,
             extend_existing=True,
         )
 
+    @staticmethod
+    def _get_column_or_400(table: Table, column_name: str) -> Any:
+        if column_name not in table.c:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Column '{column_name}' does not exist on table '{table.name}'.",
+            )
+
+        return table.c[column_name]
+
+    def _build_filter_expression(
+        self: Self, table: Table, condition: "FilterCondition"
+    ) -> ColumnElement[bool]:
+        column = self._get_column_or_400(table, condition.column)
+        value = condition.value
+
+        if condition.operator == "equals":
+            expression = column == value
+        elif condition.operator == "not_equals":
+            expression = column != value
+        elif condition.operator == "contains":
+            expression = column.ilike(f"%{value}%")
+        elif condition.operator == "starts_with":
+            expression = column.ilike(f"{value}%")
+        elif condition.operator == "ends_with":
+            expression = column.ilike(f"%{value}")
+        elif condition.operator == "greater_than":
+            expression = column > value
+        elif condition.operator == "less_than":
+            expression = column < value
+        elif condition.operator == "greater_than_or_equals":
+            expression = column >= value
+        elif condition.operator == "less_than_or_equals":
+            expression = column <= value
+        else:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Unsupported filter operator '{condition.operator}'.",
+            )
+
+        return cast(ColumnElement[bool], expression)
+
+    def _build_filter_clause(
+        self: Self, table: Table, filters: list["FilterCondition"]
+    ) -> ColumnElement[bool] | None:
+        filter_clause: ColumnElement[bool] | None = None
+
+        for condition in filters:
+            expression = self._build_filter_expression(table, condition)
+
+            if filter_clause is None:
+                filter_clause = expression
+            elif condition.link == "or":
+                filter_clause = cast(ColumnElement[bool], or_(filter_clause, expression))
+            else:
+                filter_clause = cast(ColumnElement[bool], and_(filter_clause, expression))
+
+        return filter_clause
+
+    def _build_exact_match_clause(
+        self: Self, table: Table, matches: list["ColumnValueMatch"]
+    ) -> ColumnElement[bool] | None:
+        expressions = [
+            self._get_column_or_400(table, match.column) == match.value
+            for match in matches
+        ]
+
+        if not expressions:
+            return None
+
+        return cast(ColumnElement[bool], and_(*expressions))
+
+    def _build_match_groups_clause(
+        self: Self, table: Table, match_groups: list[list["ColumnValueMatch"]]
+    ) -> ColumnElement[bool] | None:
+        group_clauses = [
+            group_clause
+            for group in match_groups
+            if (group_clause := self._build_exact_match_clause(table, group)) is not None
+        ]
+
+        if not group_clauses:
+            return None
+
+        return cast(ColumnElement[bool], or_(*group_clauses))
+
+    @staticmethod
+    def _combine_with_and(
+        clauses: list[ColumnElement[bool]],
+    ) -> ColumnElement[bool] | None:
+        if not clauses:
+            return None
+
+        return cast(ColumnElement[bool], and_(*clauses))
+
+    def get_rows_advanced(
+        self: Self, table_name: str, payload: "FilterRequest"
+    ) -> GetRowsResponse:
+        """
+        Advanced filtering using logical operator trees matching custom UI filters.
+        """
+        table = self._get_table_or_404(table_name)
+
         rows_query = select(table)
         count_query = select(func.count()).select_from(table)
 
-        # Build dynamic expressions clauses
-        if payload.filters:
-            conditions = []
-
-            for cond in payload.filters:
-                if cond.column not in table.c:
-                    continue  # Guard against non-existent columns safely
-
-                col = table.c[cond.column]
-                val = cond.value
-
-                # Map string operators to SQLAlchemy expressions
-                if cond.operator == "equals":
-                    expr = col == val
-                elif cond.operator == "not_equals":
-                    expr = col != val
-                elif cond.operator == "contains":
-                    expr = col.ilike(f"%{val}%")
-                elif cond.operator == "starts_with":
-                    expr = col.ilike(f"{val}%")
-                elif cond.operator == "ends_with":
-                    expr = col.ilike(f"%{val}")
-                elif cond.operator == "greater_than":
-                    expr = col > val
-                elif cond.operator == "less_than":
-                    expr = col < val
-                elif cond.operator == "greater_than_or_equals":
-                    expr = col >= val
-                elif cond.operator == "less_than_or_equals":
-                    expr = col <= val
-                else:
-                    continue
-
-                # Combine them based on the link field ('and' / 'or')
-                if not conditions:
-                    conditions.append(expr)
-                else:
-                    if cond.link == "or":
-                        # Merge last expression with current one via OR
-                        prev_expr = conditions.pop()
-                        conditions.append(or_(prev_expr, expr))
-                    else:
-                        # Default to AND chaining
-                        prev_expr = conditions.pop()
-                        conditions.append(and_(prev_expr, expr))
-
-            if conditions:
-                rows_query = rows_query.where(*conditions)
-                count_query = count_query.where(*conditions)
-
-        # Apply Pagination
+        filter_clause = self._build_filter_clause(table, payload.filters)
+        if filter_clause is not None:
+            rows_query = rows_query.where(filter_clause)
+            count_query = count_query.where(filter_clause)
+
         rows_query = rows_query.limit(payload.limit).offset(payload.offset)
 
-        # Execute
         with self.engine.connect() as connection:
             total = int(connection.execute(count_query).scalar_one())
             result = connection.execute(rows_query)
             rows = [dict(row) for row in result.mappings()]
 
         return {"rows": rows, "total_count": total}
+
+    def delete_rows(
+        self: Self, table_name: str, payload: "DeleteRowsRequest"
+    ) -> DeleteRowsResponse:
+        table = self._get_table_or_404(table_name)
+
+        clauses: list[ColumnElement[bool]] = []
+
+        match_clause = self._build_exact_match_clause(table, payload.matches)
+        if match_clause is not None:
+            clauses.append(match_clause)
+
+        match_groups_clause = self._build_match_groups_clause(table, payload.match_groups)
+        if match_groups_clause is not None:
+            clauses.append(match_groups_clause)
+
+        filter_clause = self._build_filter_clause(table, payload.filters)
+        if filter_clause is not None:
+            clauses.append(filter_clause)
+
+        where_clause = self._combine_with_and(clauses)
+        if where_clause is None:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="At least one match or filter is required to delete rows.",
+            )
+
+        delete_query = delete(table).where(where_clause)
+
+        with self.engine.begin() as connection:
+            result = connection.execute(delete_query)
+
+        deleted_count = result.rowcount if result.rowcount is not None else 0
+        return {"deleted_count": max(deleted_count, 0)}

sqlalchemy_studio-0.1.9/sqlalchemy_studio/backend.py

@@ -0,0 +1,106 @@
+from typing import TYPE_CHECKING, Any, Literal
+
+if TYPE_CHECKING:
+    from sqlalchemy_studio.Studio import Studio
+
+from fastapi import APIRouter, HTTPException, status
+from pydantic import BaseModel, Field
+
+OperatorType = Literal[
+    "equals",
+    "not_equals",
+    "contains",
+    "starts_with",
+    "ends_with",
+    "greater_than",
+    "less_than",
+    "greater_than_or_equals",
+    "less_than_or_equals",
+]
+LinkType = Literal["and", "or"]
+
+
+class FilterCondition(BaseModel):
+    column: str
+    operator: OperatorType
+    value: Any
+    link: LinkType = "and"
+
+
+class FilterRequest(BaseModel):
+    limit: int = Field(default=10, ge=1)
+    offset: int = Field(default=0, ge=0)
+    filters: list[FilterCondition] = Field(default_factory=list)
+    # optional projection of columns to return
+    columns: list[str] = Field(default_factory=list)
+
+
+class SortDirection(str):
+    pass
+
+
+class SortSpec(BaseModel):
+    column: str
+    direction: str = Field(default="asc")
+
+
+class ColumnValueMatch(BaseModel):
+    column: str
+    value: Any
+
+
+class DeleteRowsRequest(BaseModel):
+    # matches for a single-row delete (AND across entries), kept for backward compat
+    matches: list[ColumnValueMatch] = Field(default_factory=list)
+    # groups of matches to delete multiple specific rows. Each group is ANDed,
+    # groups are ORed together.
+    match_groups: list[list[ColumnValueMatch]] = Field(default_factory=list)
+    filters: list[FilterCondition] = Field(default_factory=list)
+
+
+class DeleteRowsResponse(BaseModel):
+    deleted_count: int
+
+
+def create_tables_router(studio: "Studio") -> APIRouter:
+    router = APIRouter()
+
+    @router.get("/api/tables")
+    def get_tables() -> Any:
+        return studio.show_tables()
+
+    @router.get("/api/tables/{name}")
+    def get_table(name: str) -> Any:
+        return studio.show_table(name)
+
+    @router.post("/api/{table_name}/query")
+    async def query_table_rows(table_name: str, payload: FilterRequest) -> Any:
+        """
+        Exposes advanced database table operations to handle compound UI filters.
+        """
+        try:
+            return studio.get_rows_advanced(table_name, payload)
+        except HTTPException as e:
+            raise e
+        except Exception as e:
+            raise HTTPException(
+                status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+                detail=f"Query builder failed: {str(e)}",
+            )
+
+    @router.post("/api/{table_name}/delete", response_model=DeleteRowsResponse)
+    async def delete_table_rows(
+        table_name: str, payload: DeleteRowsRequest
+    ) -> DeleteRowsResponse:
+        try:
+            result = studio.delete_rows(table_name, payload)
+            return DeleteRowsResponse(**result)
+        except HTTPException as e:
+            raise e
+        except Exception as e:
+            raise HTTPException(
+                status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
+                detail=f"Delete rows failed: {str(e)}",
+            )
+
+    return router

sqlalchemy_studio-0.1.9/sqlalchemy_studio/static/assets/index-D9EiKPre.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.max-h-\[45vh\]{max-height:45vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.w-max{width:max-content}.max-w-12{max-width:calc(var(--spacing) * 12)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.animate-spin{animation:var(--animate-spin)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[2\.25rem_minmax\(0\,1fr\)\]{grid-template-columns:2.25rem minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-neutral-600{border-color:var(--color-neutral-600)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-red-900\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-900\/40{background-color:#17171766}@supports (color:color-mix(in lab, red, red)){.bg-neutral-900\/40{background-color:color-mix(in oklab, var(--color-neutral-900) 40%, transparent)}}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-950\/40{background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/40{background-color:color-mix(in oklab, var(--color-red-950) 40%, transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-neutral-500::placeholder{color:var(--color-neutral-500)}@media (hover:hover){.hover\:border-neutral-700:hover{border-color:var(--color-neutral-700)}.hover\:bg-neutral-700:hover{background-color:var(--color-neutral-700)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-neutral-900:hover{background-color:var(--color-neutral-900)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}}.focus\:border-neutral-600:focus{border-color:var(--color-neutral-600)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:order-none{order:0}.sm\:ml-0{margin-left:calc(var(--spacing) * 0)}.sm\:w-auto{width:auto}.sm\:min-w-32{min-width:calc(var(--spacing) * 32)}.sm\:flex-none{flex:none}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (width>=48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:grid-cols-\[2\.25rem_minmax\(5rem\,6rem\)_minmax\(9rem\,14rem\)_minmax\(10rem\,16rem\)_minmax\(10rem\,1fr\)\]{grid-template-columns:2.25rem minmax(5rem,6rem) minmax(9rem,14rem) minmax(10rem,16rem) minmax(10rem,1fr)}}@media (width>=64rem){.lg\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-screen{height:100vh}.lg\:max-h-none{max-height:none}.lg\:w-72{width:calc(var(--spacing) * 72)}.lg\:flex-row{flex-direction:row}.lg\:overflow-auto{overflow:auto}.lg\:overflow-hidden{overflow:hidden}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-6{padding:calc(var(--spacing) * 6)}}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}.app-root{min-height:100vh}.app-root ::-webkit-scrollbar{width:8px;height:8px}.app-root ::-webkit-scrollbar-thumb{background:#7373732e;border-radius:8px}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}