Add image fetching functionality and enhance ContentViewTemplate

frontend/src/services/api.ts

@@ -1028,6 +1028,40 @@ export interface ContentImagesResponse {
   results: ContentImagesGroup[];
 }
 
+export interface ImageRecord {
+  id: number;
+  task_id?: number | null;
+  task_title?: string | null;
+  content_id?: number | null;
+  content_title?: string | null;
+  image_type: string;
+  image_url?: string | null;
+  image_path?: string | null;
+  prompt?: string | null;
+  status: string;
+  position: number;
+  created_at: string;
+  updated_at: string;
+  account_id?: number | null;
+}
+
+export interface ImageListResponse {
+  count: number;
+  next: string | null;
+  previous: string | null;
+  results: ImageRecord[];
+}
+
+export interface ImageFilters {
+  content_id?: number;
+  task_id?: number;
+  image_type?: string;
+  status?: string;
+  ordering?: string;
+  page?: number;
+  page_size?: number;
+}
+
 export async function fetchContentImages(): Promise<ContentImagesResponse> {
   return fetchAPI('/v1/writer/images/content_images/');
 }
@@ -1049,6 +1083,20 @@ export async function generateImages(imageIds: number[], contentId?: number): Pr
   });
 }
 
+export async function fetchImages(filters: ImageFilters = {}): Promise<ImageListResponse> {
+  const params = new URLSearchParams();
+  if (filters.content_id) params.append('content_id', filters.content_id.toString());
+  if (filters.task_id) params.append('task_id', filters.task_id.toString());
+  if (filters.image_type) params.append('image_type', filters.image_type);
+  if (filters.status) params.append('status', filters.status);
+  if (filters.ordering) params.append('ordering', filters.ordering);
+  if (filters.page) params.append('page', filters.page.toString());
+  if (filters.page_size) params.append('page_size', filters.page_size.toString());
+
+  const queryString = params.toString();
+  return fetchAPI(`/v1/writer/images/${queryString ? `?${queryString}` : ''}`);
+}
+
 export interface ImageGenerationSettings {
   success: boolean;
   config: {