797ca58e8e
- 创建 plugin_manager.py 模块
- PluginManager: 插件管理主类
- ChromeExtensionHandler: Chrome 插件处理
- BotHandler: 飞书/钉钉/Slack 机器人处理
- WebhookIntegration: Zapier/Make Webhook 集成
- WebDAVSync: WebDAV 同步管理
- 创建完整的 Chrome 扩展代码
- manifest.json, background.js, content.js, content.css
- popup.html/js: 弹出窗口界面
- options.html/js: 设置页面
- 支持网页剪藏、选中文本保存、项目选择
- 更新 schema.sql 添加插件相关数据库表
- plugins: 插件配置表
- bot_sessions: 机器人会话表
- webhook_endpoints: Webhook 端点表
- webdav_syncs: WebDAV 同步配置表
- plugin_activity_logs: 插件活动日志表
- 更新 main.py 添加插件相关 API 端点
- GET/POST /api/v1/plugins - 插件管理
- POST /api/v1/plugins/chrome/clip - Chrome 插件保存网页
- POST /api/v1/bots/webhook/{platform} - 接收机器人消息
- GET /api/v1/bots/sessions - 机器人会话列表
- POST /api/v1/webhook-endpoints - 创建 Webhook 端点
- POST /webhook/{type}/{token} - 接收外部 Webhook
- POST /api/v1/webdav-syncs - WebDAV 同步配置
- POST /api/v1/webdav-syncs/{id}/test - 测试 WebDAV 连接
- POST /api/v1/webdav-syncs/{id}/sync - 触发 WebDAV 同步
- 更新 requirements.txt 添加插件依赖
- beautifulsoup4: HTML 解析
- webdavclient3: WebDAV 客户端
- 更新 STATUS.md 和 README.md 开发进度
141 lines
2.4 KiB
CSS
141 lines
2.4 KiB
CSS
/* InsightFlow Chrome Extension - Content Styles */
|
|
|
|
.insightflow-float-btn {
|
|
position: absolute;
|
|
width: 36px;
|
|
height: 36px;
|
|
background: #4f46e5;
|
|
border-radius: 50%;
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
z-index: 999999;
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
}
|
|
|
|
.insightflow-float-btn:hover {
|
|
transform: scale(1.1);
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.insightflow-float-btn svg {
|
|
color: white;
|
|
}
|
|
|
|
.insightflow-popup {
|
|
position: absolute;
|
|
width: 300px;
|
|
background: white;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
|
|
z-index: 999999;
|
|
display: none;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.insightflow-popup-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 12px 16px;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
font-weight: 600;
|
|
color: #111827;
|
|
}
|
|
|
|
.insightflow-close-btn {
|
|
background: none;
|
|
border: none;
|
|
font-size: 20px;
|
|
color: #6b7280;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.insightflow-close-btn:hover {
|
|
color: #111827;
|
|
}
|
|
|
|
.insightflow-popup-content {
|
|
padding: 16px;
|
|
}
|
|
|
|
.insightflow-text-preview {
|
|
background: #f3f4f6;
|
|
padding: 12px;
|
|
border-radius: 6px;
|
|
font-size: 13px;
|
|
color: #4b5563;
|
|
line-height: 1.5;
|
|
max-height: 120px;
|
|
overflow-y: auto;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.insightflow-actions {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
|
|
.insightflow-btn {
|
|
flex: 1;
|
|
padding: 8px 12px;
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 6px;
|
|
background: white;
|
|
color: #374151;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.insightflow-btn:hover {
|
|
background: #f9fafb;
|
|
border-color: #9ca3af;
|
|
}
|
|
|
|
.insightflow-btn-primary {
|
|
background: #4f46e5;
|
|
border-color: #4f46e5;
|
|
color: white;
|
|
}
|
|
|
|
.insightflow-btn-primary:hover {
|
|
background: #4338ca;
|
|
border-color: #4338ca;
|
|
}
|
|
|
|
.insightflow-project-list {
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.insightflow-project-item {
|
|
padding: 12px;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.insightflow-project-item:hover {
|
|
background: #f3f4f6;
|
|
}
|
|
|
|
.insightflow-project-name {
|
|
font-weight: 500;
|
|
color: #111827;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.insightflow-project-desc {
|
|
font-size: 12px;
|
|
color: #6b7280;
|
|
} |