diff --git a/build-doc.md b/build-doc.md index b0c58d7..29034ca 100644 --- a/build-doc.md +++ b/build-doc.md @@ -1,10 +1,14 @@ I would like to build an app for managing LLM, ComfyUI and Stable Diffusion Prompts. The app needs to have the following features: -1) User authentication system -2) Database to store Prompts -3) Individual Prompt pages containing the prompt text. -4) An admin dashboard for editing and removing prompts. -5) A prompt list page with filter options. +1. User authentication system + +2. Database to store Prompts + +3. Individual Prompt pages containing the prompt text. + +4. An admin dashboard for editing and removing prompts. + +5. A prompt list page with filter options. Prompt Categories Prompt Platform @@ -12,32 +16,57 @@ User settings page Please can we improve the UI and aesthetics a bit. Perhaps try a glass style theme? - Prompt fields: Platform Model Tags Usage Workflow -Example Image +Example Image/Video +Can we please implement a comment system? This should support threaded comments and implement some kind of captcha system to prevent spam. I would also like you to add the ability for users to disable comments on a prompt. They should be disabled by default. +Add downloadable example CSV and JSON files to the help page. +Can we please now integrate an image upload function for the example images? The uploads should be handled on the server itself, not with any third party service. +Can we please create a docker version of this project +Can we please add an admin settings page. This should allow admins to configure the following options: +- A checkbox to allow image/video uploads. +- An option to add an S3 provider or external SFTP/FTP location for image uploads. -Can we please now integrate an image upload function for the example images? +- An option to change the site title. +- An option to enable or disable registration. +- The option to enable moderation or not. When moderation is enabled all public prompts require approval. -There appears to be an issue with the folder drag and drop functionality. Whenever i try to drag a folder into another folder, it gives me the error: +Can you please remove the 'admin' row from the help page. +Can you please make it so that the 'signup' and 'login' buttons are replaced with a 'browse prompts' button on the home page when a user is logged in. +Can we please add a 'help' section to the site that is linked at the bottom of the sidebar. It should include basic documentation for the sites existing functionality, but in particular it needs to include a guide on the correct format to use for using the prompt import functionality. +Can we please add a few more layout view options to the prompt list page? And can you also clean up the filter bar a bit. It looks a bit crowded currently and some of the formatting is broken. +On the version history modal for prompts, the code block view is using a light syntax instead of dracula when in dark mode. Can you please fix that? +With the prompt collections functionality, the search function when adding prompts to a new collection does not seem to be working. No prompts are displayed in the 'add prompts' modal. + +Can you please add the ability for users to sync via FTP/SFTP also? + +Can we please add the 'workflow' field to the 'bulk add' page? + +Currently the folder filter option on the prompt list page shows all folders as one list. Could you please make sure the list is tiered correctly to show subfolders underneath their parent? + +Can you please move the preview image/video to be above the workflow row in the prompt view page? + +Along with the existing 'git sync' functionality, can we please add the ability to sync to an S3 bucket? This functionality should offer the user the option to sync with both 'AWS' and 'Generic S3' Compatible buckets. + +There appears to be an issue with the folder drag and drop functionality. Whenever i try to drag a folder into another folder, it gives me the error Can we please add a basic homepage that includes a hero section along with a list of the app/websites features. It should also include a signup and login button. @@ -55,30 +84,20 @@ Can we please add a new field for the prompts? I would like you to add a field f Could we please change the 'prompt' field for prompts to say 'Positive Prompt', and add another field in the same format underneath called 'Negative Prompt'. - It seems that the JSON overview in the version history modal is using a light theme. Please can you change it to match the syntax theme used elsewhere. - Can we now please implement a favorites function for prompts so that users can add, edit and delete favorites. Can we change the signup process so that email confirmation is no longer required, but all signups have to be approved by an admin. Can we please add a user import and export function, so that users can export their entire library as a JSON file? They should also be able to import this JSON file. - Can you please change the sidebar background to be a darker shade? The prompt view page overflows the width of the page, can you please fix it? Can you please change the syntax theme for the workflow area to use the Dracula theme? - - Can we please now integrate the following icon library: https://github.com/lobehub/lobe-icons I would like these icons to be assignable to the 'platforms' in the admin area. They should also show next to the prompts in the prompt list. - - - - - Here are thoughtful, user-facing feature ideas, organized by theme, with quick notes on value, UX, and any important considerations. Discovery and sharing @@ -159,19 +178,6 @@ For public sharing, use a dedicated visibility flag and carefully constrained re Maintain principle of least privilege and explicit opt-ins for anything public or shared beyond the owner. If you share which audience you’re prioritizing (solo creators, small teams, or larger orgs) and the biggest pain points today (finding, authoring, sharing), I can turn this into a focused roadmap with staged milestones. - - - - - - - - - - - - - Prompt version history: Track edits with timestamps, authors, and a “restore” option; show side-by-side diffs for content changes. Ratings and comments: Let users rate prompts (1–5 stars) and discuss tips in threaded comments with mentions. Sharing & visibility controls: Make prompts public, private, or shared to a team/folder; generate read-only share links. @@ -188,23 +194,6 @@ Admin tooling: Moderation queue for public prompts, abuse reports, soft delete/r Notifications: Toasts plus optional in-app notifications for favorites, comments, shares, and edits on watched prompts. Profile upgrades: Avatars, bio, social links; “My contributions” page with stats and badges. - - - - - - - - - - - - - - - - - Here are practical, high‑impact feature ideas tailored to your app. I grouped them by effort and described how you’d approach them with Supabase, React Router, and shadcn/ui, plus key considerations for UX, data, and RLS. Quick wins (fast to ship) @@ -252,4 +241,4 @@ Performance and UX polish Virtualized lists: Speed up large prompt lists, folders, and tag pages while preserving keyboard accessibility. Offline‑friendly editing: Cache drafts locally, warn before navigating away, and sync when back online. -Theming and customization: Theme switcher with saved preference, custom accent colors, and per‑team branding. +Theming and customization: Theme switcher with saved preference, custom accent colors, and per‑team branding. \ No newline at end of file diff --git a/credentials.md b/credentials.md new file mode 100644 index 0000000..8f7a9ca --- /dev/null +++ b/credentials.md @@ -0,0 +1,19 @@ +S3 +====================================== +https://s3-home.gwyther.host + +Keys: +JBnB8jNfNohljaiml9xu +UHCNk7xJwy8fZbuyVfIHGppGZc6b3zHc5dUo3TUx + +User: +prompt-manager +CosignerLaundryUnbridleGetting6 + + +GITEA +====================================== +https://og.codes/oliver/promptlib-test-sync + +API Token: +9a26e380ff86411d23c2966f647de240c86ba51c diff --git a/features.md b/features.md index ceca1c9..c8232fb 100644 --- a/features.md +++ b/features.md @@ -1,125 +1,119 @@ -Here’s a concise, user-focused feature summary: +Absolutely—here are practical, high‑impact suggestions organized by area, with reasoning and trade‑offs to help you prioritize. -Organize prompts +# UX and Information Architecture -Create nested folders and pin favorites for quick access in the sidebar -Drag-and-drop prompts into folders or use “Move to…” for precise placement -Clear a prompt’s folder by dropping it on “Root” -Tagging and metadata +- Sidebar improvements: Add “Help” to the persistent bottom section, plus “What’s new” and “Shortcuts” to surface discoverability. Helps onboarding and reduces support requests. -Add weighted tags for better relevance and filtering -Browse tags, categories, and platforms to discover content -Smooth tag picker with overlay suggestions (doesn’t break the layout) -Powerful filtering +- Empty states and guided actions: For Prompts, Collections, Folders, and Tags pages, show contextual guidance and one‑click actions (e.g., “Create your first prompt,” “Import prompts,” “Add tags”) to reduce friction. -Filter by search, type, tags, folder, category, platform, favorites-only, has image, and date range -“Clear all” to reset filters in one click -Prompt details +- Grid/List view toggle: Let users switch between card grid and dense table for prompts. Grid is better for quick browsing; table is faster for power users and bulk actions. -Structured workflow viewer with line numbers -Download workflow as a JSON file -View example images and metadata at a glance -Favorites +- Breadcrumbs and quick actions: Ensure consistent breadcrumbs for deep pages like PromptDetail, PublicPrompt, and CollectionDetail, with a right‑aligned quick actions menu (edit, share, move, publish). -Toggle hearts to favorite prompts, add notes, and manage your list -Move a favorite’s underlying prompt to another folder directly -Submission +# Import/Export and Bulk Operations -Prominent “Submit” button in the sidebar -Create new prompts with weighted tags and get redirected to the new entry -Navigation and UX +- Import wizard: Turn the current import into a step‑by‑step flow with validation, mapping, and a “dry‑run” preview showing exactly what will be created, updated, or rejected. This prevents bad data and supports large CSV/JSON imports confidently. -Favorite folders section under primary nav, separated by a divider -Expand/collapse folder tree for clarity -Consistent, responsive interface throughout the app -Optional (for admins) +- Field mapping and normalization: Let users map their input fields to your schema (e.g., “model” → “platform/model”) and auto‑create missing tags/categories with confirmation. Reduces pre‑import data prep. -Manage global categories and platforms for everyone’s use +- Duplicate handling: Support matching by title or external ID with configurable merge rules (ignore, update, create new version). Prevents clutter and supports version history. +- Bulk edit: Multi‑select prompts to apply changes (tags, folders, categories, publish/unpublish). Big productivity win for curators. +# Collaboration and Workflow +- Draft → Review → Publish workflow: Introduce a simple status pipeline with optional reviewer assignment. Adds quality control for public content without heavy process. +- Shared collections with roles: Allow “viewer” or “editor” roles for collections. Great for teams; aligns with existing per‑user RLS patterns. +- Comments and annotations: Lightweight discussions on prompts with mentions and notifications. Helps teams iterate without leaving the app. +# Search and Discovery +- Advanced filters: Expand search to include platform, model, tags, category, folder, NSFW flag, and public/private. Support saved searches and quick filters (e.g., “My drafts,” “Recently updated,” “Trending”). +- Full‑text search and relevance: Use Postgres FTS fields for title/content and boost by favorites or recent updates. Improves discoverability at scale. +- Tag insights: Show top tags, recent tags, and suggested tags when editing to encourage consistent taxonomy. +# Versioning and History +- Diff and revert improvements: You already have a DiffViewer—add “compare to previous” shortcuts and one‑click revert with confirmation. Reduces fear of editing. +- Change notes: Let editors add a brief note when publishing a new version; makes history understandable. +# Performance and Reliability +- List virtualization and incremental loading: Virtualize long lists and paginate; prefetch next pages on scroll. Keeps UI smooth for large datasets. +- Skeletons and optimistic UI: Use skeleton loaders and optimistic updates for common actions (favorite, publish). Perceived performance improves. +- Client‑side caching: Cache recent lists and search results, invalidate intelligently on changes. Cuts latency. +# Security and Compliance +- Edge function hardening: Enforce strict JWT verification on every edge function and derive user_id from claims. Add role checks against profiles.is_admin for admin endpoints and “userOnly=false” actions. +- Rate limiting and idempotency: Apply per‑user rate limits to sync functions; accept idempotency keys to avoid duplicate operations on retries. +- Secrets posture: Keep service role and provider tokens strictly in edge function runtime secrets; add rotation playbooks and alerting if used client‑side. +- RLS audit: Review policies like tags (currently public insert) and tighten where needed. Principle of least privilege by default. -Here’s a clear, high-level summary of the app and its features. +- Audit logs: Write immutable audit entries for admin actions (create/update/delete on categories/platforms/users). Supports incident response. -What the app is +# Admin and Ops -A React + TypeScript application for organizing, authoring, and sharing AI prompts with structured metadata and workflows. -Uses Supabase for authentication, database, and secure policies. -Built with shadcn/ui and Tailwind CSS for a consistent, accessible UI. -Core entities and data model +- Moderation queue: For public prompts/collections, add a queue for admin review with quick approve/reject and notes. Protects public content quality. -Prompts: Include title, content, type, tags, workflow, platform/model, category, example image, and folder assignment. -Folders: Nested hierarchy for organizing prompts; supports pinning (used as “favorites” for quick access). -Tags: User-scoped tags; prompts can have weighted tags for better filtering and relevance. -Favorites: User-scoped list of favorite prompts, optionally with notes. -Categories and Platforms: Global taxonomies, managed by admins. -Profiles: Per-user profile with optional admin flag. -Navigation and structure +- User management enhancements: Expose roles and ban flags with filters and bulk actions; show last activity to identify dormant or abusive accounts. -Sidebar: Primary navigation plus a prominent “Submit” button at the top. -Favorite Folders section: Pinned folders appear below primary links, separated by a horizontal rule for quick filtering. -Routes: Prompts list, Prompt detail, Favorites, Folders, Tags and Tag details, Admin dashboard, Submit prompt, Import/Export, Login, and Not Found. -Authentication and security +- Observability: Standardize edge function logs with structured context and correlation IDs; capture error rates and timings. Add lightweight dashboards for sync health. -Supabase authentication with session management and protected routes. -Row Level Security on all tables: users can only access their own data (folders, favorites, prompt-tag links); admins have elevated access for global entities. -Profile auto-creation on signup and admin-aware policies for prompts, categories, and platforms. -Key features and workflows +# Documentation and Onboarding -Prompt listing and filtering: -Rich filters: search, type, tags, folder, category, platform, favorites-only, has-image-only, and date range. -“Clear all” capability to reset all filters. -Tag filter UX refined: collapses when not focused and shows suggestions as an overlay dropdown (prevents layout break). -Prompt detail: -Clean layout with overflow fixes. -Workflow section displayed in a JSON-styled code block with line numbers. -“Download workflow” button to export the workflow as a JSON file (valid even if the original text isn’t strictly JSON). -Tagging: -TagPicker with overlay suggestions; supports weighted tags on submission. -Dedicated Tags page and per-tag detail view. -Folders: -Nested tree with expand/collapse controls; defaults to expanded for visibility. -Pin/Unpin (favorites) and pinned-first sorting in lists. -Drag-and-drop moving: prompts can be dropped into folders via a dock, including a “Root” zone to clear folder assignment. -“Move to…” action on prompt cards and Favorites for precise folder changes. -Favorites: -Full favorites management: toggle hearts, add notes, delete favorites. -Can move a favorite’s underlying prompt to a different folder directly from the Favorites page. -Submission: -Submit Prompt page for creating new prompts; saves weighted tags and navigates to the new prompt on success. -Prominent “Submit” button in the sidebar for quick access. -Admin tools: -Admin-only management of categories, platforms, and tags. -Admin privileges allow broader prompt visibility and edits per secure policies. -Import/Export: -Page for data portability, enabling backup/restore workflows. -User experience highlights +- Help center expansion: Include quick start, common tasks, troubleshooting, and a dedicated section on “Prompt Import Format” with validation rules, required/optional fields, example structures, and common error fixes. Add deep links from error messages to exact help topics. -Consistent, accessible components via shadcn/ui and Radix. -Tailwind CSS for responsive design and visual consistency. -Pinned folders presented as “Favorite Folders” for quick navigation. -Layout resilience: tag suggestions overlay fixes prevent filter grid from breaking. -Under the hood +- In‑app tips: Contextual tooltips for tricky fields (negative_prompt, image_params, platform/model). Reduces confusion during editing. -React Router handles routes; pages live in src/pages and components in src/components. -Supabase operations keep UI fresh via refetch/invalidation after changes (e.g., moving prompts). -Profiles and RLS policies ensure data isolation, with admin exceptions where appropriate. -If you’d like, I can tailor this summary to a product page version (marketing-style), a technical architecture overview, or a quick-start guide for new users on your team. +# Accessibility and Internationalization + +- Keyboard navigation and shortcuts: Global shortcuts for search, create prompt, toggle views; focus management and skip links. Speeds expert workflows. + +- ARIA and contrast: Ensure form controls, toasts, and dialogs meet WCAG guidelines. Improves usability for all users. + +- Localization readiness: Abstract user‑visible strings and date/time formats. Even if you start with English, being i18n‑ready prevents future refactors. + +# Data and Analytics + +- Usage insights: Show users their top prompts, favorites, views, and engagement. For admins, anonymized aggregates like popular categories or platforms. + +- Export personal data: Let users export their prompts/collections/favorites as JSON or CSV; supports transparency and portability. + +# Mobile Experience + +- Responsive polishing: Bottom navigation for mobile, larger touch targets, and simplified list density. Ensures parity across devices. + +- Quick actions: Swipe actions for favorites/publish on mobile lists to minimize taps. + +# Quality and Tooling + +- Validation schemas: Centralize data validation with a schema layer to ensure consistent checks across forms and imports. Prevents drift and subtle bugs. + +- Error boundaries and retry: Add error boundaries for critical routes and standard retry patterns for transient errors. Improves resilience. + +- Testing: Add unit tests for data transforms and RLS‑sensitive flows; E2E tests for import, publish, and sync. Confidence improves as features grow. + +# How to prioritize + +- Immediate wins: Import wizard with dry‑run, advanced filters, list virtualization, strict edge auth, and Help center expansion. Low effort, high impact. + +- Medium term: Draft/Publish workflow, shared collections with roles, moderation queue, and audit logs. + +- Longer term: Full i18n, analytics dashboards, and collaborative comments. + +If any of these resonate, tell me which areas you’d like to tackle first, and I’ll outline the concrete steps and design considerations to implement them cleanly within your current stack and patterns + +
+ +
\ No newline at end of file diff --git a/logs/console-export-2026-1-16_21-26-16.txt b/logs/console-export-2026-1-16_21-26-16.txt new file mode 100644 index 0000000..f6ea1c5 --- /dev/null +++ b/logs/console-export-2026-1-16_21-26-16.txt @@ -0,0 +1,18 @@ +XHROPTIONS +https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/git-sync +CORS Preflight Did Not Succeed + +Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/git-sync. (Reason: CORS preflight response did not succeed). Status code: 404. +Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/git-sync. (Reason: CORS request did not succeed). Status code: (null). +XHROPTIONS +https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/admin-users +CORS Preflight Did Not Succeed + +Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/admin-users. (Reason: CORS preflight response did not succeed). Status code: 404. +Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/admin-users. (Reason: CORS request did not succeed). Status code: (null). +XHROPTIONS +https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/admin-users +CORS Preflight Did Not Succeed + +Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/admin-users. (Reason: CORS preflight response did not succeed). Status code: 404. +Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://pxlmqppccavjtfmtopcz.supabase.co/functions/v1/admin-users. (Reason: CORS request did not succeed). Status code: (null).