🚀 LinkedIn Smart Auto-Complete
Professional AI Writing Assistant
Transform your ideas into compelling LinkedIn content with AI-powered intelligence
💡 Pro Tip: Add your OpenAI API key in Settings for unlimited personal usage
""")
with gr.Row():
with gr.Column(scale=2, elem_classes=["main-card"]):
# Professional Context Selection
gr.Markdown("### 🎯 **Choose Your Writing Context**")
context_selector = gr.Radio(
choices=[
("📧 Professional Email", "email"),
("✍️ Creative Content", "creative"),
("💼 LinkedIn Post", "linkedin"),
],
value="linkedin",
label="",
elem_classes=["context-selector"],
)
gr.Markdown("---")
# Enhanced Context Input
gr.Markdown("### 📋 **Reference Information** *(Optional)*")
context_input = gr.Textbox(
label="",
placeholder="💡 Add background info, company details, industry context, or previous conversations to enhance AI understanding...",
lines=4,
elem_classes=["context-input"],
)
# Professional Main Input
gr.Markdown("### ✍️ **Your Content**")
text_input = gr.Textbox(
label="",
placeholder="🚀 Start typing your content here... The AI will intelligently complete your thoughts!",
lines=8,
elem_classes=["main-input"],
)
# Enhanced Submit Button
submit_btn = gr.Button(
"✨ Generate AI Completion",
variant="primary",
size="lg",
elem_classes=["primary-button"],
)
# Professional Settings
with gr.Accordion("⚙️ **Advanced Settings**", open=False):
# API Key Configuration
with gr.Group():
gr.Markdown("### 🔑 **API Configuration**")
gr.Markdown(
"*Secure your own OpenAI quota for unlimited usage*"
)
openai_key_input = gr.Textbox(
label="OpenAI API Key",
placeholder="sk-proj-... (Paste your OpenAI API key here)",
type="password",
value="",
info="🔒 Your API key is encrypted and only used for this session. Never stored permanently.",
)
api_status = gr.Textbox(
label="Connection Status",
value="✅ Using default configuration"
if settings.OPENAI_API_KEY
else "⚠️ No API key configured - using shared quota",
interactive=False,
lines=1,
elem_classes=["status-display"],
)
test_api_btn = gr.Button(
"🧪 Test Connection", size="sm", elem_classes=["secondary"]
)
gr.Markdown("---")
# Enhanced Output Settings
gr.Markdown("### 📏 **Output Configuration**")
output_length = gr.Slider(
minimum=50,
maximum=500,
value=150,
step=10,
label="Response Length (tokens)",
info="Adjust the length of AI-generated content",
)
gr.Markdown("### 🔧 **Debug Options**")
gr.Checkbox(
label="Enable detailed logging",
value=False,
info="Show technical details for troubleshooting",
)
# Context Prompt Editor
with gr.Accordion("🔧 Edit Context Prompts", open=False):
gr.Markdown(
"**Customize your writing style for each context type. Changes apply immediately.**"
)
with gr.Tab("📧 Email Context"):
email_system_prompt = gr.Textbox(
label="System Prompt",
value="""You are an expert email writing assistant. Generate professional,
contextually appropriate email completions. Focus on:
- Professional tone and structure
- Clear, concise communication
- Appropriate greetings and closings
- Business communication best practices
IMPORTANT: Generate a completion that is approximately {max_tokens} tokens long.
Adjust your response length accordingly - shorter for fewer tokens, longer for more tokens.""",
lines=8,
placeholder="Enter the system prompt for email context...",
)
email_user_template = gr.Textbox(
label="User Message Template",
value="Complete this email text naturally and professionally with approximately {max_tokens} tokens: {text}",
lines=3,
placeholder="Enter the user message template...",
)
with gr.Tab("🎨 Creative Context"):
creative_system_prompt = gr.Textbox(
label="System Prompt",
value="""You are a creative writing assistant. Generate engaging,
imaginative story continuations. Focus on:
- Narrative consistency and flow
- Character development
- Descriptive and engaging language
- Plot advancement
IMPORTANT: Generate a completion that is approximately {max_tokens} tokens long.
Adjust your response length accordingly - shorter for fewer tokens, longer for more tokens.""",
lines=8,
placeholder="Enter the system prompt for creative context...",
)
creative_user_template = gr.Textbox(
label="User Message Template",
value="Continue this creative writing piece naturally with approximately {max_tokens} tokens: {text}",
lines=3,
placeholder="Enter the user message template...",
)
with gr.Tab("💼 LinkedIn Context"):
linkedin_system_prompt = gr.Textbox(
label="System Prompt",
value="""You are a LinkedIn writing assistant specialized in professional networking content. Generate engaging,
professional LinkedIn-appropriate text completions. Focus on:
- Professional networking tone
- Industry-relevant language
- Engaging and authentic voice
- LinkedIn best practices (hashtags, mentions, professional insights)
- Career development and business communication
IMPORTANT: Generate a completion that is approximately {max_tokens} tokens long.
Adjust your response length accordingly - shorter for fewer tokens, longer for more tokens.""",
lines=8,
placeholder="Enter the system prompt for LinkedIn context...",
)
linkedin_user_template = gr.Textbox(
label="User Message Template",
value="Complete this LinkedIn post/content naturally and professionally with approximately {max_tokens} tokens: {text}",
lines=3,
placeholder="Enter the user message template...",
)
with gr.Column(scale=1, elem_classes=["output-card"]):
# Professional Status Display
gr.Markdown("### 📊 **AI Assistant Status**")
status_display = gr.Textbox(
label="",
value="🤖 Ready to assist! Choose your context and start writing...",
interactive=False,
lines=3,
elem_classes=["status-display"],
)
gr.Markdown("---")
# Enhanced Output Area
gr.Markdown("### 📝 **Generated Content**")
gr.Markdown("*AI-powered completion will appear below*")
copy_textbox = gr.Textbox(
label="",
placeholder="✨ Your AI-generated content will appear here...\n\n📋 Simply select all text (Ctrl+A/Cmd+A) and copy (Ctrl+C/Cmd+C) to use in your LinkedIn post or email!",
lines=12,
max_lines=20,
interactive=True,
visible=False,
elem_classes=["output-text"],
)
# Quick Action Buttons (Future Enhancement)
with gr.Row(visible=False):
gr.Button(
"📋 Copy to Clipboard", size="sm", elem_classes=["secondary"]
)
gr.Button("🔄 Regenerate", size="sm", elem_classes=["secondary"])
gr.Button("✏️ Edit & Refine", size="sm", elem_classes=["secondary"])
# Professional Examples Section
with gr.Accordion("🎯 **Try These Professional Examples**", open=False):
gr.Markdown("""
### 🚀 **Quick Start Templates**
*Click any example below to instantly populate the form and see AI in action!*
""")
gr.Examples(
examples=[
[
"Quarterly budget review meeting with stakeholders, discussing Q4 performance metrics and 2024 planning initiatives",
"Dear Mr. Johnson,\n\nI hope this email finds you well. Following our discussion yesterday, I wanted to confirm our meeting details for the quarterly budget review",
"email",
],
[
"Epic fantasy adventure featuring a young mage discovering ancient powers in a world where magic and technology collide",
"In the neon-lit streets of Neo-Arcanum, where holographic spells danced alongside digital billboards, Zara clutched her grandmother's ancient grimoire and whispered",
"creative",
],
[
"Sharing insights about AI transformation in the financial services industry, highlighting successful implementation strategies and future trends",
"🚀 Excited to share key insights from our recent AI transformation journey at FinTech Solutions! After 18 months of implementation, here's what we've learned about",
"linkedin",
],
],
inputs=[context_input, text_input, context_selector],
label="",
)
# Event handlers
def update_api_key(api_key):
"""Handle API key updates"""
status = app_instance.update_api_key(api_key)
return status
def test_api_connection(api_key):
"""Handle API connection testing"""
status = app_instance.test_api_connection(api_key)
return status
def update_suggestions(
text,
context,
output_tokens,
user_context,
email_sys,
email_user,
creative_sys,
creative_user,
linkedin_sys,
linkedin_user,
):
"""Update suggestions based on input with custom prompts"""
logger.info(
f"Getting suggestions with context: '{user_context[:50] if user_context else 'None'}...'"
)
logger.info(f"Requested output tokens: {output_tokens}")
# Create custom prompts dictionary
custom_prompts = {
"email": {
"system_prompt": email_sys,
"user_template": email_user,
"temperature": 0.6,
},
"creative": {
"system_prompt": creative_sys,
"user_template": creative_user,
"temperature": 0.8,
},
"linkedin": {
"system_prompt": linkedin_sys,
"user_template": linkedin_user,
"temperature": 0.7,
},
}
suggestions, status = app_instance.get_suggestions_with_custom_prompts(
text, context, output_tokens, user_context, custom_prompts
)
# Update the copy textbox with the suggestion
if suggestions:
copy_text = suggestions[0] if suggestions else ""
copy_visible = True
else:
copy_text = ""
copy_visible = False
# Return the copy textbox update
copy_update = gr.update(visible=copy_visible, value=copy_text)
return status, copy_update
# API Key event handlers
openai_key_input.change(
fn=update_api_key, inputs=[openai_key_input], outputs=[api_status]
)
test_api_btn.click(
fn=test_api_connection, inputs=[openai_key_input], outputs=[api_status]
)
# Submit button handler
submit_btn.click(
fn=update_suggestions,
inputs=[
text_input,
context_selector,
output_length,
context_input,
email_system_prompt,
email_user_template,
creative_system_prompt,
creative_user_template,
linkedin_system_prompt,
linkedin_user_template,
],
outputs=[status_display, copy_textbox],
)
# Professional Footer
with gr.Row(elem_classes=["footer-content"]):
gr.HTML("""