fix: backend alignment - remove drafts toggle, clean dead code, truncation indicator

- Remove non-functional drafts toggle and clean TreeFilters type
- Fix AccountInvite type to match backend schema
- Remove dead API methods: pinnedFlows.pin/reorder, trees.getSharedTree
- Remove unused types: SessionListResponse, RatingCreate.is_verified_use
- Add session list truncation indicator with size=51 lookahead

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/api/pinnedFlows.ts

@@ -22,19 +22,9 @@ export const pinnedFlowsApi = {
     return data
   },
 
-  pin: async (treeId: string): Promise<PinnedFlow> => {
-    const { data } = await apiClient.post(`/trees/${treeId}/pin`)
-    return data
-  },
-
   unpin: async (treeId: string): Promise<void> => {
     await apiClient.delete(`/trees/${treeId}/pin`)
   },
-
-  reorder: async (order: { tree_id: string; display_order: number }[]): Promise<PinnedFlowsResponse> => {
-    const { data } = await apiClient.patch('/trees/pinned/reorder', { order })
-    return data
-  },
 }
 
 export default pinnedFlowsApi

frontend/src/api/sessions.ts

@@ -15,14 +15,6 @@ export interface SessionListParams {
   completed_before?: string
 }
 
-export interface SessionListResponse {
-  items: Session[]
-  total: number
-  page: number
-  size: number
-  pages: number
-}
-
 export const sessionsApi = {
   async list(params?: SessionListParams): Promise<Session[]> {
     const response = await apiClient.get<Session[]>('/sessions', { params })

frontend/src/api/trees.ts

@@ -1,5 +1,5 @@
 import apiClient from './client'
-import type { Tree, TreeListItem, TreeCreate, TreeUpdate, TreeFilters, TreeShareCreate, TreeShare, TreeVisibilityUpdate, SharedTree, TreeValidationResponse } from '@/types'
+import type { Tree, TreeListItem, TreeCreate, TreeUpdate, TreeFilters, TreeShareCreate, TreeShare, TreeVisibilityUpdate, TreeValidationResponse } from '@/types'
 
 export const treesApi = {
   async list(params?: TreeFilters): Promise<TreeListItem[]> {
@@ -60,11 +60,6 @@ export const treesApi = {
     return response.data
   },
 
-  async getSharedTree(shareToken: string): Promise<SharedTree> {
-    const response = await apiClient.get<SharedTree>(`/shared/${shareToken}`)
-    return response.data
-  },
-
   // Tree validation
   async canPublish(id: string): Promise<TreeValidationResponse> {
     const response = await apiClient.post<TreeValidationResponse>(`/trees/${id}/can-publish`)

frontend/src/pages/SessionDetailPage.tsx

@@ -244,8 +244,7 @@ export function SessionDetailPage() {
           rating: data.rating,
           review_text: data.review || undefined,
           was_helpful: data.helpful !== null ? data.helpful : undefined,
-          session_id: session.id,
+          session_id: session.id
-          is_verified_use: true
         })
       )
 

frontend/src/pages/SessionHistoryPage.tsx

@@ -17,6 +17,7 @@ export function SessionHistoryPage() {
   const [searchParams, setSearchParams] = useSearchParams()
 
   const [sessions, setSessions] = useState<Session[]>([])
+  const [hasMore, setHasMore] = useState(false)
   const [trees, setTrees] = useState<TreeListItem[]>([])
   const [isLoading, setIsLoading] = useState(true)
   const [filter, setFilter] = useState<'all' | 'completed' | 'active'>('all')
@@ -111,8 +112,10 @@ export function SessionHistoryPage() {
         }
       }
 
-      const sessionsData = await sessionsApi.list(params)
+      const sessionsData = await sessionsApi.list({ ...params, size: 51 })
-      setSessions(sessionsData)
+      const truncated = sessionsData.length > 50
+      setHasMore(truncated)
+      setSessions(truncated ? sessionsData.slice(0, 50) : sessionsData)
     } catch (err) {
       toast.error('Failed to load sessions')
       console.error(err)
@@ -295,6 +298,15 @@ export function SessionHistoryPage() {
               </div>
             </div>
           ))}
+          {hasMore ? (
+            <p className="text-center text-sm text-muted-foreground py-4">
+              Showing the 50 most recent sessions
+            </p>
+          ) : sessions.length > 0 ? (
+            <p className="text-center text-sm text-muted-foreground py-4">
+              Showing all {sessions.length} sessions
+            </p>
+          ) : null}
         </div>
       )}
     </div>

frontend/src/pages/TreeLibraryPage.tsx

@@ -33,8 +33,6 @@ export function TreeLibraryPage() {
   const [selectedFolderId, setSelectedFolderId] = useState<string | null>(null)
   const [searchQuery, setSearchQuery] = useState('')
   const [isLoading, setIsLoading] = useState(true)
-  const [showDrafts, setShowDrafts] = useState(false)
-
   // Read type filter from URL query params (e.g. /trees?type=procedural)
   const urlType = searchParams.get('type')
   const [typeFilter, setTypeFilter] = useState<'all' | 'troubleshooting' | 'procedural' | 'maintenance'>(
@@ -131,7 +129,7 @@ export function TreeLibraryPage() {
   // Load trees when filters change
   useEffect(() => {
     loadTrees()
-  }, [selectedCategoryId, selectedTags, selectedFolderId, treeLibrarySortBy, showDrafts, typeFilter])
+  }, [selectedCategoryId, selectedTags, selectedFolderId, treeLibrarySortBy, typeFilter])
 
   // Load folders on mount and listen for changes
   useEffect(() => {
@@ -150,7 +148,6 @@ export function TreeLibraryPage() {
         tags: selectedTags.length > 0 ? selectedTags.join(',') : undefined,
         folder_id: selectedFolderId || undefined,
         sort_by: treeLibrarySortBy,
-        include_drafts: showDrafts || undefined,
       })
       setTrees(treesData)
     } catch (err) {
@@ -326,33 +323,22 @@ export function TreeLibraryPage() {
 
             {/* View Controls */}
             <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-              {/* Type filter tabs — includes Drafts as a first-class filter */}
+              {/* Type filter tabs */}
               <div className="flex rounded-lg border border-border p-0.5">
-                {(['all', 'troubleshooting', 'procedural', 'maintenance', 'drafts'] as const).map((t) => {
+                {(['all', 'troubleshooting', 'procedural', 'maintenance'] as const).map((t) => (
-                  const isActive = t === 'drafts' ? showDrafts && typeFilter === 'all' : !showDrafts && typeFilter === t
-                  return (
                     <button
                       key={t}
-                      onClick={() => {
+                      onClick={() => setTypeFilter(t)}
-                        if (t === 'drafts') {
-                          setShowDrafts(true)
-                          setTypeFilter('all')
-                        } else {
-                          setShowDrafts(false)
-                          setTypeFilter(t)
-                        }
-                      }}
                       className={cn(
                         'rounded-md px-3 py-1 text-xs font-medium transition-colors',
-                        isActive
+                        typeFilter === t
                           ? 'bg-accent text-foreground'
                           : 'text-muted-foreground hover:text-foreground'
                       )}
                     >
-                      {t === 'all' ? 'All' : t === 'troubleshooting' ? 'Troubleshooting' : t === 'procedural' ? 'Projects' : t === 'maintenance' ? 'Maintenance' : 'Drafts'}
+                      {t === 'all' ? 'All' : t === 'troubleshooting' ? 'Troubleshooting' : t === 'procedural' ? 'Projects' : 'Maintenance'}
                     </button>
-                  )
+                  ))}
-                })}
               </div>
 
               {/* Right controls: sort + view toggle */}

frontend/src/types/account.ts

@@ -44,9 +44,7 @@ export interface AccountInvite {
   email: string
   role: 'engineer' | 'viewer'
   code: string
-  invited_by_id: string
+  expires_at: string | null
-  accepted_by_id: string | null
-  expires_at: string
   used_at: string | null
   created_at: string
 }

frontend/src/types/step.ts

@@ -121,7 +121,6 @@ export interface RatingCreate {
   review_text?: string
   was_helpful?: boolean
   session_id?: string
-  is_verified_use?: boolean
 }
 
 export interface RatingUpdate {

frontend/src/types/tree.ts

@@ -215,7 +215,6 @@ export interface TreeFilters {
   is_active?: boolean
   author_id?: string
   is_public?: boolean
-  include_drafts?: boolean
   sort_by?: 'usage_count' | 'updated_at' | 'created_at' | 'name' | 'name_desc' | 'version'
   skip?: number
   limit?: number