feat: add styles and polish for unified session list components

- Add CSS styles for SessionCard and SessionList components
- Add responsive styles for mobile viewport
- Fix TypeScript errors (remove unused port property)
- Fix ESLint errors (remove unused imports and variables)

Refs: session-list-overhaul tasks 5-6
This commit is contained in:
2026-05-24 12:07:37 +00:00
parent f4cf286bb5
commit ce1a73abce
7 changed files with 129 additions and 34 deletions
-6
View File
@@ -11,7 +11,6 @@ import type { Project } from "../types";
import { Icon } from "../components/icon";
import { CreateSessionForm } from "../components/create-session-form";
import { SessionList } from "../components/session-list";
import { SessionCard } from "../components/session-card";
type HomeStatus = "loading" | "ready" | "error";
@@ -125,11 +124,6 @@ export const HomePage = () => {
[safeSessions]
);
const recentSessions = useMemo(
() => safeSessions.filter((session) => ["stopped", "error"].includes(session.status)).slice(0, 5),
[safeSessions]
);
const handleCreateSuccess = async (instance: { id: string }) => {
await updateUserConfig({ last_session_id: instance.id });
setSelectedProject("");
-9
View File
@@ -238,15 +238,6 @@ export const SessionsPage = () => {
}
};
const handleResumeLast = async () => {
if (!lastSession) return;
// Find the project and repo IDs
const project = projects.find((p) => p.name === lastSession.project_name);
if (project) {
navigate(`/projects/${project.id}`);
}
};
return (
<section className="stack sessions-page">
<div className="page-header">