fix import sorting, remove sgp-app references (#9)

Fixes a couple things:

* Linting pre-commit step was broken cuz it referenced sgp-app 
* Vscode auto-sort imports settings were conflicting with eslint's auto
import sorting
* A couple references to sgp-app in docs 
* `agentex-auth` was referenced as a package in the uv lock

Author: MichaelSun48

.pre-commit-config.yaml

@@ -11,9 +11,10 @@ repos:
 
   - repo: local
     hooks:
-      - id: agentex-sgp-app-lint-fix
-        name: Agentex SGP App Linting
-        entry: bash -c 'cd agentex-sgp-app && npx eslint --fix --no-warn-ignored --max-warnings=0 $(echo "$@" | sed "s|agentex-sgp-app/||g")' --
+      - id: agentex-ui-lint-fix
+        name: Agentex UI Linting
+        entry: bash -c 'cd agentex-ui && npx eslint --fix --no-warn-ignored --max-warnings=0 $(echo "$@" | sed "s|agentex-ui/||g")' --
         language: system
-        files: ^agentex-sgp-app/.*\.(ts|tsx|js|jsx)$
+        files: ^agentex-ui/.*\.(ts|tsx|js|jsx)$
         pass_filenames: true
+

.vscode/settings.json

@@ -22,15 +22,13 @@
         "editor.defaultFormatter": "esbenp.prettier-vscode",
         "editor.formatOnSave": true,
         "editor.codeActionsOnSave": {
-            "source.organizeImports": "explicit",
             "source.fixAll.eslint": "explicit"
         }
     },
     "[typescriptreact]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode",
         "editor.formatOnSave": true,
         "editor.codeActionsOnSave": {
-            "source.organizeImports": "explicit",
             "source.fixAll.eslint": "explicit"
         }
     },
@@ -57,7 +55,7 @@
     "eslint.useFlatConfig": true,
     "eslint.workingDirectories": [
         {
-            "pattern": "agentex-sgp-app"
+            "pattern": "agentex-ui"
         }
     ],
     "prettier.documentSelectors": ["**/*.{ts,tsx,js,jsx}"],

CLAUDE.md

@@ -7,7 +7,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 Agentex is a comprehensive platform for building and deploying intelligent agents. This repository contains:
 
 - **agentex/** - Backend services (FastAPI + Temporal workflows)
-- **agentex-sgp-app/** - Developer UI for interacting with agents
+- **agentex-ui/** - Developer UI for interacting with agents
 
 The platform integrates with the separate [agentex-python SDK](https://github.com/scaleapi/scale-agentex-python) for creating and running agents.
 
@@ -30,7 +30,7 @@ make dev                    # Starts Docker services and backend
 
 **Terminal 2 - Frontend:**
 ```bash
-cd agentex-sgp-app/
+cd agentex-ui/
 npm install
 npm run dev                 # Starts Next.js dev server
 ```
@@ -94,7 +94,7 @@ make build-docs           # Build documentation
 make docker-build         # Build production Docker image
 ```
 
-### Frontend (agentex-sgp-app/)
+### Frontend (agentex-ui/)
 
 ```bash
 npm install               # Install npm dependencies
@@ -219,7 +219,7 @@ Tests are organized by type and use different strategies:
 - **States**: Key-value state storage for agents
 - **Deployment History**: Track agent deployment versions and changes
 
-### Frontend Architecture (agentex-sgp-app/)
+### Frontend Architecture (agentex-ui/)
 
 - **Framework**: Next.js 15 with React 19 and App Router
 - **Styling**: Tailwind CSS with Radix UI components
@@ -310,4 +310,4 @@ sudo systemctl stop redis-server
 
 This repository contains two main components:
 - **Backend**: `agentex/src/`, `agentex/database/`, `agentex/tests/`
-- **Frontend**: `agentex-sgp-app/`
+- **Frontend**: `agentex-ui/`

README.md

@@ -78,7 +78,7 @@ The installation was successful if you see help output after you run `agentex -h
 
 Before you share your agents with other people (or your company), you'll want a fully isolated developer sandbox. This allows you to freely develop agents without affecting anyone else or be affected by anyone else.
 
-To do this, you just need to spin up the [Agentex Server](https://github.com/scaleapi/scale-agentex/tree/main/agentex) and a [Developer UI](https://github.com/scaleapi/scale-agentex/tree/main/agentex-sgp-app) which allows you to interact with your agent nicely. This way you'll know how your agent feels in a simple UI.
+To do this, you just need to spin up the [Agentex Server](https://github.com/scaleapi/scale-agentex/tree/main/agentex) and a [Developer UI](https://github.com/scaleapi/scale-agentex/tree/main/agentex-ui) which allows you to interact with your agent nicely. This way you'll know how your agent feels in a simple UI.
 
 > Each agent also ships with a `dev.ipynb` notebook for those uninterested in a UI, but more on that later
 
@@ -116,7 +116,7 @@ Then, open up a second terminal. Then run the following commands.
 *Note: you should run these commands at the root of this repository.*
 
 ```bash
-cd agentex-sgp-app/
+cd agentex-ui/
 # Install dependencies (see Makefile for details)
 make install
 # Starts web interface on localhost (default port 3000)

agentex-ui/.vscode/settings.json

@@ -1,3 +1,17 @@
 {
-  "cSpell.words": ["Agentex"]
+  "cSpell.words": ["Agentex"],
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": "explicit"
+    }
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": "explicit"
+    }
+  }
 }

agentex-ui/components/agentex/task-messages.tsx

@@ -10,13 +10,13 @@ import { useAgentexClient } from '@/components/providers';
 import { useTaskMessages } from '@/hooks/use-task-messages';
 
 import { TaskMessageToolPairComponent } from './task-message-tool-pair';
+import { ShimmeringText } from '../ui/shimmering-text';
 
 import type {
   TaskMessage,
   ToolRequestContent,
   ToolResponseContent,
 } from 'agentex/resources';
-import { ShimmeringText } from '../ui/shimmering-text';
 
 type TaskMessagesComponentProps = {
   taskId: string;
@@ -199,15 +199,15 @@ function MemoizedTaskMessagesComponentImpl({
               ))}
             </AnimatePresence>
             <AnimatePresence>
-            {pair.agentMessages.length === 0 && (
+              {pair.agentMessages.length === 0 && (
                 <motion.div
-                  initial={{ opacity: 0 , y: 10 }}
+                  initial={{ opacity: 0, y: 10 }}
                   animate={{ opacity: 1, y: 10 }}
                   exit={{ opacity: 0, y: -10 }}
                   transition={{ duration: 0.3 }}
                   className="px-4 py-2"
                 >
-                  <ShimmeringText text='Thinking ...' enabled={true} />
+                  <ShimmeringText text="Thinking ..." enabled={true} />
                 </motion.div>
               )}
             </AnimatePresence>