Spaces:

capta1n
/

project8

Running

App Files Files Community

capta1n commited on Apr 21, 2025

Commit

2860e80

verified ·

1 Parent(s): 0cbce5e

Add 2 files

Browse files

Files changed (2) hide show

index.html +50 -69
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -2,7 +2,7 @@
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="https://cdn.tailwindcss.com">
     <title>AI SDL 数字分身 - 风险项目详情</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
@@ -61,7 +61,12 @@
         .mermaid {
             width: 100%;
-            overflow: auto;
         }
         .risk-marker {
@@ -294,10 +299,12 @@
                             <h4 class="font-medium text-gray-700 mb-2">STRIDE 威胁建模</h4>
                             <div class="mermaid">
                                 graph LR
                                     A[用户认证] -->|Spoofing| B(冒充管理员)
                                     A -->|Tampering| C(篡改认证令牌)
                                     D[补贴审批] -->|Information Disclosure| E(查看他人申请)
                                     D -->|Elevation of Privilege| F(普通用户执行审批)
                                     style B fill:#fee2e2,stroke:#ef4444
                                     style E fill:#fee2e2,stroke:#ef4444
                                     style F fill:#fee2e2,stroke:#ef4444
@@ -1015,18 +1022,47 @@ Accept: application/json</code></pre>
     </div>
     <script>
-        // Initialize Mermaid
         mermaid.initialize({
             startOnLoad: true,
             theme: 'default',
-            flowchart: { useMaxWidth: true }
         });
         // Initialize Highlight.js
         document.addEventListener('DOMContentLoaded', (event) => {
             document.querySelectorAll('pre code').forEach((el) => {
                 hljs.highlightElement(el);
             });
         });
         // Switch tabs
@@ -1046,6 +1082,9 @@ Accept: application/json</code></pre>
             // Add active class to clicked tab
             event.currentTarget.classList.add('active');
         }
         // Highlight text in requirements
@@ -1055,10 +1094,13 @@ Accept: application/json</code></pre>
                 el.classList.remove('highlight-risk');
             });
-            const targetElements = document.querySelectorAll(`p:contains('${text}'), h4:contains('${text}')`);
-            targetElements.forEach(el => {
-                el.classList.add('highlight-risk');
-                el.scrollIntoView({ behavior: 'smooth', block: 'center' });
             });
         }
@@ -1073,69 +1115,8 @@ Accept: application/json</code></pre>
             if (targetElement) {
                 targetElement.classList.add('vulnerable-line-highlight');
                 targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
-                // Show fix suggestion if available
-                const suggestion = targetElement.nextElementSibling;
-                if (suggestion && suggestion.classList.contains('fix-suggestion')) {
-                    suggestion.style.display = 'block';
-                    // Hide after 5 seconds
-                    setTimeout(() => {
-                        suggestion.style.display = 'none';
-                    }, 5000);
-                }
             }
         }
-        // Polyfill for :contains selector
-        (function() {
-            const matches = Element.prototype.matches ||
-                Element.prototype.matchesSelector ||
-                Element.prototype.webkitMatchesSelector;
-            Element.prototype.matchesSelector = matches;
-            if (!Element.prototype.matches) {
-                Element.prototype.matches = function(selector) {
-                    return this.matchesSelector(selector);
-                };
-            }
-            if (!Element.prototype.contains) {
-                Element.prototype.contains = function(node) {
-                    if (!node) return false;
-                    if (this === node) return true;
-                    return this.contains(node.parentNode);
-                };
-            }
-            const elements = document.querySelectorAll('*');
-            Element.prototype.containsText = function(text) {
-                return this.textContent.includes(text);
-            };
-            document.querySelectorAll = function(selector) {
-                const all = [];
-                if (selector.includes(':contains(')) {
-                    const [tag, text] = selector.split(':contains(');
-                    const searchText = text.replace(')', '');
-                    for (let i = 0; i < elements.length; i++) {
-                        const el = elements[i];
-                        if ((!tag || el.matches(tag)) && el.containsText(searchText)) {
-                            all.push(el);
-                        }
-                    }
-                    return all;
-                }
-                return this.querySelectorAll.apply(document, arguments);
-            };
-        })();
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=capta1n/project8" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>AI SDL 数字分身 - 风险项目详情</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
         .mermaid {
             width: 100%;
+            min-height: 300px;
+            background: white;
+            padding: 1rem;
+            border-radius: 0.5rem;
+            border: 1px solid #e5e7eb;
+            margin: 1rem 0;
         }
         .risk-marker {
                             <h4 class="font-medium text-gray-700 mb-2">STRIDE 威胁建模</h4>
                             <div class="mermaid">
                                 graph LR
+                                    subgraph 支付宝国补系统
                                     A[用户认证] -->|Spoofing| B(冒充管理员)
                                     A -->|Tampering| C(篡改认证令牌)
                                     D[补贴审批] -->|Information Disclosure| E(查看他人申请)
                                     D -->|Elevation of Privilege| F(普通用户执行审批)
+                                    end
                                     style B fill:#fee2e2,stroke:#ef4444
                                     style E fill:#fee2e2,stroke:#ef4444
                                     style F fill:#fee2e2,stroke:#ef4444
     </div>
     <script>
+        // Initialize Mermaid with proper configuration
         mermaid.initialize({
             startOnLoad: true,
             theme: 'default',
+            flowchart: {
+                useMaxWidth: true,
+                htmlLabels: true
+            },
+            securityLevel: 'loose',
+            themeCSS: `
+                .risk-marker {
+                    fill: #ef4444;
+                    stroke: #ef4444;
+                }
+            `
         });
+        // Re-render Mermaid diagrams when tab is switched
+        function renderMermaidDiagrams() {
+            const mermaidElements = document.querySelectorAll('.mermaid');
+            mermaidElements.forEach(el => {
+                // Only render if not already rendered
+                if (!el.querySelector('svg')) {
+                    const graphDefinition = el.textContent.trim();
+                    try {
+                        mermaid.init(undefined, el);
+                    } catch (e) {
+                        console.error('Mermaid rendering error:', e);
+                    }
+                }
+            });
+        }
         // Initialize Highlight.js
         document.addEventListener('DOMContentLoaded', (event) => {
             document.querySelectorAll('pre code').forEach((el) => {
                 hljs.highlightElement(el);
             });
+            // Initial render of Mermaid diagrams
+            renderMermaidDiagrams();
         });
         // Switch tabs
             // Add active class to clicked tab
             event.currentTarget.classList.add('active');
+            // Render Mermaid diagrams in the newly shown tab
+            setTimeout(renderMermaidDiagrams, 100);
         }
         // Highlight text in requirements
                 el.classList.remove('highlight-risk');
             });
+            // Simple text matching for demonstration
+            const allElements = document.querySelectorAll('#requirements p, #requirements h4');
+            allElements.forEach(el => {
+                if (el.textContent.includes(text)) {
+                    el.classList.add('highlight-risk');
+                    el.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                }
             });
         }
             if (targetElement) {
                 targetElement.classList.add('vulnerable-line-highlight');
                 targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
             }
         }
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=capta1n/project8" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- 风险项目 AI SDL数字分身在每个环节发现的风险，最终将信息聚合成"某个项目在某个环节存在某风险" 的形式产出告警（项目是唯一维度，如果一个项目在多个环节存在风险需聚合在一起），例支付宝国补项目在代码和需求环节存在越权和sql注入风险。项目详情告警出来的风险项目，点击进入详情页，将项目分为需求-代码-安全测试-发布-线上5个模块，每个模块都包含内容--安全分析结果，需要在内容上动态展示分析过程和同步展示风险对应的内容，因为安全分析是对内容进行分析最终产出安全分析结果。项目概要内容：项目名称：支付宝国补项目项目参与人：形知、铸梦、洞悉、隐迹、晨熙风险概述：总结每个环节发现的风险以及修复进度需求模块： ● 内容：展示项目对应的需求文档文字内容（长度是两千字）包含对应的技术架构图 ● 分析结果：需求对应的STRIDE威胁建模图需包含风险功能标记（集成mermaid.js）、安全风险：业务场景-风险点-风险类型-整改建议代码模块： ● 内容：展示项目对应的多文件全部代码内容和接口地址，代码内容是java代码 ● 分析结果：安全风险：漏洞名称、风险接口、漏洞类型、漏洞级别、漏洞描述、漏洞代码、修复建议（展示推荐的修复代码）安全测试： ● 内容：展示对应的风险接口以及每个风险接口对应的攻击payload和攻击结果 ● 分析结果：风险接口地址、风险描述、攻击payload请求内容、攻击手法（1~~、攻击者登录自己的账号，获取一个合法的订单~~ ID（如 1001）2、修改请求中的 orderid 参数，尝试访问其他订单 ID（如 1002、1003 等）3、如果服务器未进行权限校验，攻击者将成功获取其他用户的订单信息4、通过自动化工具（如 Burp Suite 或编写脚本），攻击者可以批量枚举订单 ID，获取大量用户的敏感数据。）发布： ● 内容：展示在发布环节进行安全检查的内容，检查之前环节积累下来的风险是否修复 ● 分析结果：未修复的风险，在之前的每个环节发现但未修复的风险，例代码环节的越权风险未修复、发布决策：拒绝发布线上： ● 内容：展示发现的漏洞或者入侵事件风险 ● 分析结果：展示漏洞的修复情况设计要求每个模块的布局都是左右布局，左边展示原始内容、右边展示安全分析结果，并且不同风险等级展示不同的颜色需求模块： 1. 完整展示项目对应的需求内容，需求内容的长度是一千字并且风险需求内容红色高亮展示 2. 技术架构图支持缩放/平移（集成mermaid.js） 3. 威胁建模图是对需求文档进行STRIDE威胁建模分析后集成mermaid.js展示威胁建模图，并且在图上标记出风险点 4. 安全风险分析点击可以定位到对应的需求文档内容代码模块： 1. 代码高亮显示（支持多种语言） 2. 漏洞代码行用红色高亮展示，点击弹出修复建议浮层 3. 分析出来的漏洞代码点击后可以直接定位并且高亮对应的原文代码安全测试模块： 1. Payload展示采用代码块样式并支持修复


1	+ 风险项目 AI SDL数字分身在每个环节发现的风险，最终将信息聚合成"某个项目在某个环节存在某风险" 的形式产出告警（项目是唯一维度，如果一个项目在多个环节存在风险需聚合在一起），例支付宝国补项目在代码和需求环节存在越权和sql注入风险。项目详情告警出来的风险项目，点击进入详情页，将项目分为需求-代码-安全测试-发布-线上5个模块，每个模块都包含内容--安全分析结果，需要在内容上动态展示分析过程和同步展示风险对应的内容，因为安全分析是对内容进行分析最终产出安全分析结果。项目概要内容：项目名称：支付宝国补项目项目参与人：形知、铸梦、洞悉、隐迹、晨熙风险概述：总结每个环节发现的风险以及修复进度需求模块： ● 内容：展示项目对应的需求文档文字内容（长度是两千字）包含对应的技术架构图 ● 分析结果：需求对应的STRIDE威胁建模图需包含风险功能标记（集成mermaid.js）、安全风险：业务场景-风险点-风险类型-整改建议代码模块： ● 内容：展示项目对应的多文件全部代码内容和接口地址，代码内容是java代码 ● 分析结果：安全风险：漏洞名称、风险接口、漏洞类型、漏洞级别、漏洞描述、漏洞代码、修复建议（展示推荐的修复代码）安全测试： ● 内容：展示对应的风险接口以及每个风险接口对应的攻击payload和攻击结果 ● 分析结果：风险接口地址、风险描述、攻击payload请求内容、攻击手法（1、攻击者登录自己的账号，获取��个合法的订单 ID（如 1001）2、修改请求中的 orderid 参数，尝试访问其他订单 ID（如 1002、1003 等）3、如果服务器未进行权限校验，攻击者将成功获取其他用户的订单信息4、通过自动化工具（如 Burp Suite 或编写脚本），攻击者可以批量枚举订单 ID，获取大量用户的敏感数据。）发布： ● 内容：展示在发布环节进行安全检查的内容，检查之前环节积累下来的风险是否修复 ● 分析结果：未修复的风险，在之前的每个环节发现但未修复的风险，例代码环节的越权风险未修复、发布决策：拒绝发布线上： ● 内容：展示发现的漏洞或者入侵事件风险 ● 分析结果：展示漏洞的修复情况设计要求每个模块的布局都是左右布局，左边展示原始内容、右边展示安全分析结果，并且不同风险等级展示不同的颜色需求模块： 1. 完整展示项目对应的需求内容，需求内容的长度是一千字并且风险需求内容红色高亮展示 2. 技术架构图支持缩放/平移（集成mermaid.js） 3. 威胁建模图是对需求文档进行STRIDE威胁建模分析后集成mermaid.js展示威胁建模图，并且在图上标记出风险点 4. 安全风险分析点击可以定位到对应的需求文档内容代码模块： 1. 代码高亮显示（支持多种语言） 2. 漏洞代码行用红色高亮展示，点击弹出修复建议浮层 3. 分析出来的漏洞代码点击后可以直接定位并且高亮对应的原文代码安全测试模块： 1. Payload展示采用代码块样式并支持修复
2	+ 重新生成，并且保证里面的威胁建模图可以展示集成mermaid.js