Presentation Generator
Run ID: 69b6fa02896970b0894649562026-03-29Business
PantheraHive BOS
BOS Dashboard

Workflow Execution Summary

Workflow Name: Presentation Generator

Category: Business

Description: Test run

Topic: AI Technology

Requested Execution Time: 5 minutes

Credit Usage: 100 cr (as specified)

Status: Completed

This workflow has successfully generated a comprehensive presentation outline and content suggestions for a 5-minute presentation on "AI Technology." The output is designed to be immediately useful for developing a professional and engaging presentation.


Presentation Overview: AI Technology

This generated presentation is structured for a 5-minute delivery, focusing on core concepts, key applications, and future outlook of AI Technology. It aims to provide a clear, concise, and impactful overview suitable for a general audience or as an introductory segment.

Target Audience: General audience, business professionals, students, or anyone interested in a high-level understanding of AI.

Estimated Slides: 6-7 slides (including Title and Q&A)

Key Message: AI is rapidly transforming our world, offering immense potential while also presenting important considerations for the future.


Detailed Presentation Outline (Slide by Slide)

Here is a detailed breakdown of each slide, including content, speaker notes, and visual recommendations.

Slide 1: Title Slide

  • Slide Title: AI Technology: Shaping Our Future
  • Key Content:

* "Understanding the Revolution"

* Your Name / Organization Logo

* Date

  • Speaker Notes:

* "Good morning/afternoon everyone. Today, we're going to take a quick dive into a topic that's not just buzzworthy, but truly transformative: AI Technology."

* "In the next 5 minutes, my goal is to give you a foundational understanding of what AI is, how it's impacting our lives, and what we can anticipate in the future."

  • Visual Suggestions:

* Abstract, futuristic image with subtle AI elements (e.g., neural network patterns, data visualization, glowing circuits).

* Clean, modern font.

Slide 2: What is AI? A Brief Introduction

  • Slide Title: What is AI? Intelligence Beyond Humans
  • Key Content:

* Definition: Artificial Intelligence (AI) refers to the simulation of human intelligence in machines that are programmed to think like humans and mimic their actions.

* Core Concepts:

* Learning: Acquiring information and rules for using the information.

* Reasoning: Using rules to reach approximate or definite conclusions.

* Self-Correction: Adjusting and improving based on new data.

  • Speaker Notes:

* "At its core, AI isn't about robots taking over the world, but rather about creating systems that can perform tasks that typically require human intelligence."

* "Think of it as teaching a computer to learn from data, make decisions, and even improve itself over time, much like we do."

* "The goal is to enhance human capabilities, not replace them entirely."

  • Visual Suggestions:

* Infographic showing a simple brain icon connected to a computer chip icon with arrows indicating "learning," "reasoning," "problem-solving."

* Minimalist design with clear icons for each concept.

Slide 3: Key Branches of AI

  • Slide Title: The Pillars of AI: Machine Learning & Beyond
  • Key Content:

* Machine Learning (ML): Systems learn from data without explicit programming. (e.g., Recommendation engines, spam filters)

* Deep Learning (DL): A subset of ML using neural networks with many layers to learn complex patterns. (e.g., Image recognition, natural language processing)

* Natural Language Processing (NLP): Enables computers to understand, interpret, and generate human language. (e.g., Voice assistants, translation)

* Computer Vision: Enables computers to "see" and interpret visual information. (e.g., Facial recognition, autonomous vehicles)

  • Speaker Notes:

* "AI is a broad field, but some key areas drive much of its current impact."

* "Machine Learning is the most prevalent, where algorithms learn from vast amounts of data to find patterns and make predictions. Think Netflix recommendations."

* "Deep Learning takes this further, mimicking the human brain's neural networks for even more complex tasks like recognizing faces or understanding speech."

* "NLP allows computers to communicate with us, and Computer Vision allows them to 'see' and understand images, critical for things like self-driving cars."

  • Visual Suggestions:

* Four distinct icons representing ML (gears/brain), DL (neural network diagram), NLP (speech bubble/text), Computer Vision (eye/camera lens).

* A clean layout with brief text descriptions next to each icon.

Slide 4: Real-World Applications & Impact

  • Slide Title: AI in Action: Transforming Industries & Daily Life
  • Key Content:

* Healthcare: Drug discovery, personalized treatment, diagnostic assistance.

* Business & Finance: Fraud detection, customer service (chatbots), market prediction.

* Transportation: Autonomous vehicles, traffic optimization.

* Daily Life: Smart assistants (Siri, Alexa), personalized content feeds, smart home devices.

  • Speaker Notes:

* "AI isn't some futuristic concept; it's already deeply embedded in our lives."

* "From helping doctors diagnose diseases faster and more accurately, to powering the chatbots that answer our customer service queries, AI is enhancing efficiency and innovation across every sector."

* "Every time you ask Siri a question or get a personalized recommendation on Amazon, you're interacting with AI."

  • Visual Suggestions:

* Collage of small images representing each application (e.g., doctor with tablet, robot arm, self-driving car, smart speaker).

* Or a world map with pins highlighting different application areas.

Slide 5: Benefits & Ethical Considerations

  • Slide Title: The Dual Edge: Opportunities & Challenges
  • Key Content:

* Benefits:

* Increased Efficiency & Automation

* Enhanced Decision-Making

* Innovation & New Solutions

* Improved Quality of Life (e.g., accessibility)

* Challenges:

* Ethical Concerns (Bias, Privacy, Accountability)

* Job Displacement

* Security Risks

* Complexity & Explainability

  • Speaker Notes:

* "While the benefits of AI are immense – driving efficiency, fostering innovation, and even improving our quality of life – it's crucial to acknowledge the challenges."

* "We must address ethical considerations like algorithmic bias, data privacy, and accountability for AI decisions. Also, concerns about job displacement and the need for new skill sets are valid."

* "Responsible development and deployment of AI are paramount to harnessing its full potential positively."

  • Visual Suggestions:

* Split slide design: one side green/positive with icons for benefits (lightbulb, gears, growth graph), the other side red/caution with icons for challenges (question mark, padlock, scales of justice).

* A clear "Pros vs. Cons" visual.

Slide 6: The Future of AI & Call to Action

  • Slide Title: Beyond Tomorrow: The Evolving Landscape of AI
  • Key Content:

* Trends: AI integration with IoT, further personalization, explainable AI (XAI), quantum AI.

* Potential: Solving complex global challenges (climate change, disease), creating entirely new industries.

* Your Role: Embrace learning, understand its impact, advocate for ethical AI development.

  • Speaker Notes:

* "The journey of AI is just beginning. We can expect even deeper integration with our physical world through IoT, more personalized experiences, and a greater focus on making AI decisions transparent and understandable through Explainable AI."

* "AI holds the promise to help us tackle some of humanity's greatest challenges. But its future is not solely in the hands of engineers; it's in all of ours."

* "Stay informed, question critically, and be part of the conversation shaping this powerful technology."

  • Visual Suggestions:

* Futuristic city skyline or a network of interconnected devices.

* Image representing growth and innovation (e.g., a hand reaching for a constellation of stars).

Slide 7: Thank You & Questions

  • Slide Title: Thank You & Questions
  • Key Content:

* "Thank you for your attention!"

* "Q&A"

* Your Contact Information (Optional)

  • Speaker Notes:

* "Thank you for your time and attention today. I hope this brief overview has provided a clearer picture of AI Technology."

* "I'm happy to take any questions you might have."

  • Visual Suggestions:

* Simple, clean design. Maybe a subtle version of the title slide's background.


Presentation Design & Delivery Recommendations

Design Principles:

  1. Clarity & Simplicity: Use minimal text per slide (rule of 7x7: max 7 lines, max 7 words per line). Focus on keywords and visuals.
  2. Consistency: Maintain consistent fonts, colors, and layout across all slides.
  3. Visual Impact: Use high-quality images, icons, and infographics. Visuals should support the message, not distract from it.
  4. Branding: Incorporate your organization's logo and brand colors if applicable.
  5. Readability: Ensure font sizes are large enough for the entire audience to read comfortably. High contrast between text and background.

Delivery Tips for a 5-Minute Presentation:

  1. Practice, Practice, Practice: Rehearse the timing multiple times to ensure you stay within the 5-minute limit.
  2. Know Your Material: Don't just read the slides. Understand the content deeply so you can speak naturally and answer questions.
  3. Engage Your Audience: Make eye contact, use vocal variety, and show enthusiasm.
  4. Start Strong, End Strong: Hook the audience with an interesting opening and leave them with a memorable closing thought or call to action.
  5. Time Management: Allocate roughly 30-45 seconds per slide. If you find yourself running over, know which points you can condense or skip without losing the core message.
  6. Use Speaker Notes Effectively: Don't write full paragraphs; use bullet points and keywords to jog your memory.

Audience Engagement Strategies:

  • Opening Question: Start with a rhetorical question to grab attention (e.g., "How many of you interacted with AI this morning without even realizing it?").
  • Relatable Examples: Use examples that resonate with the audience's daily lives (e.g., Netflix, Siri).
  • Interactive Element (Optional for 5 min): A very quick poll or show of hands if time permits.

Customization & Next Steps

This outline provides a solid foundation. To make it truly yours:

  1. Refine Content: Tailor examples and specific details to your audience's background and interests. If presenting to tech-savvy individuals, you can go slightly deeper; for a general audience, keep it high-level.
  2. Choose a Presentation Tool: Use tools like PowerPoint, Google Slides, Keynote, or Canva to build your slides.
  3. Select Visuals: Source high-quality, relevant images and icons. Consider using royalty-free image sites (e.g., Unsplash, Pexels) or icon libraries (e.g., Flaticon).
  4. Develop Your Narrative: Weave a compelling story throughout your presentation. How does AI impact them?
  5. Feedback: Rehearse in front of a colleague or friend and ask for feedback on clarity, timing, and engagement.

Cost & Time Report

Execution Time: 5 minutes (simulated processing time based on request)

Credits Consumed: 100 cr

This report confirms the successful execution of the "Presentation Generator" workflow within the specified parameters.

presentation_generator.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
\n\n\n"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App'\nimport './index.css'\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n \n \n)\n"); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react'\nimport './App.css'\n\nfunction App(){\n return(\n
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n
\n )\n}\nexport default App\n"); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e}\n.app{min-height:100vh;display:flex;flex-direction:column}\n.app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}\nh1{font-size:2.5rem;font-weight:700}\n"); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\n## Open in IDE\nOpen the project folder in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "type": "module",\n "scripts": {\n "dev": "vite",\n "build": "vue-tsc -b && vite build",\n "preview": "vite preview"\n },\n "dependencies": {\n "vue": "^3.5.13",\n "vue-router": "^4.4.5",\n "pinia": "^2.3.0",\n "axios": "^1.7.9"\n },\n "devDependencies": {\n "@vitejs/plugin-vue": "^5.2.1",\n "typescript": "~5.7.3",\n "vite": "^6.0.5",\n "vue-tsc": "^2.2.0"\n }\n}\n'); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport { resolve } from 'path'\n\nexport default defineConfig({\n plugins: [vue()],\n resolve: { alias: { '@': resolve(__dirname,'src') } }\n})\n"); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]}\n'); zip.file(folder+"tsconfig.app.json",'{\n "compilerOptions":{\n "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"],\n "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true,\n "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue",\n "strict":true,"paths":{"@/*":["./src/*"]}\n },\n "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"]\n}\n'); zip.file(folder+"env.d.ts","/// \n"); zip.file(folder+"index.html","\n\n\n \n \n "+slugTitle(pn)+"\n\n\n
\n \n\n\n"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue'\nimport { createPinia } from 'pinia'\nimport App from './App.vue'\nimport './assets/main.css'\n\nconst app = createApp(App)\napp.use(createPinia())\napp.mount('#app')\n"); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue","\n\n\n\n\n"); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547}\n"); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\nOpen in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "scripts": {\n "ng": "ng",\n "start": "ng serve",\n "build": "ng build",\n "test": "ng test"\n },\n "dependencies": {\n "@angular/animations": "^19.0.0",\n "@angular/common": "^19.0.0",\n "@angular/compiler": "^19.0.0",\n "@angular/core": "^19.0.0",\n "@angular/forms": "^19.0.0",\n "@angular/platform-browser": "^19.0.0",\n "@angular/platform-browser-dynamic": "^19.0.0",\n "@angular/router": "^19.0.0",\n "rxjs": "~7.8.0",\n "tslib": "^2.3.0",\n "zone.js": "~0.15.0"\n },\n "devDependencies": {\n "@angular-devkit/build-angular": "^19.0.0",\n "@angular/cli": "^19.0.0",\n "@angular/compiler-cli": "^19.0.0",\n "typescript": "~5.6.0"\n }\n}\n'); zip.file(folder+"angular.json",'{\n "$schema": "./node_modules/@angular/cli/lib/config/schema.json",\n "version": 1,\n "newProjectRoot": "projects",\n "projects": {\n "'+pn+'": {\n "projectType": "application",\n "root": "",\n "sourceRoot": "src",\n "prefix": "app",\n "architect": {\n "build": {\n "builder": "@angular-devkit/build-angular:application",\n "options": {\n "outputPath": "dist/'+pn+'",\n "index": "src/index.html",\n "browser": "src/main.ts",\n "tsConfig": "tsconfig.app.json",\n "styles": ["src/styles.css"],\n "scripts": []\n }\n },\n "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"}\n }\n }\n }\n}\n'); zip.file(folder+"tsconfig.json",'{\n "compileOnSave": false,\n "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]},\n "references":[{"path":"./tsconfig.app.json"}]\n}\n'); zip.file(folder+"tsconfig.app.json",'{\n "extends":"./tsconfig.json",\n "compilerOptions":{"outDir":"./dist/out-tsc","types":[]},\n "files":["src/main.ts"],\n "include":["src/**/*.d.ts"]\n}\n'); zip.file(folder+"src/index.html","\n\n\n \n "+slugTitle(pn)+"\n \n \n \n\n\n \n\n\n"); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser';\nimport { appConfig } from './app/app.config';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, appConfig)\n .catch(err => console.error(err));\n"); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; }\n"); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'app-root',\n standalone: true,\n imports: [RouterOutlet],\n templateUrl: './app.component.html',\n styleUrl: './app.component.css'\n})\nexport class AppComponent {\n title = '"+pn+"';\n}\n"); zip.file(folder+"src/app/app.component.html","
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n \n
\n"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1}\n"); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { provideRouter } from '@angular/router';\nimport { routes } from './app.routes';\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n provideRouter(routes)\n ]\n};\n"); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router';\n\nexport const routes: Routes = [];\n"); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nng serve\n# or: npm start\n\`\`\`\n\n## Build\n\`\`\`bash\nng build\n\`\`\`\n\nOpen in VS Code with Angular Language Service extension.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n.angular/\n"); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join("\n"):"# add dependencies here\n"; zip.file(folder+"main.py",src||"# "+title+"\n# Generated by PantheraHive BOS\n\nprint(title+\" loaded\")\n"); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\npython3 -m venv .venv\nsource .venv/bin/activate\npip install -r requirements.txt\n\`\`\`\n\n## Run\n\`\`\`bash\npython main.py\n\`\`\`\n"); zip.file(folder+".gitignore",".venv/\n__pycache__/\n*.pyc\n.env\n.DS_Store\n"); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+"\n"; zip.file(folder+"package.json",pkgJson); var fallback="const express=require(\"express\");\nconst app=express();\napp.use(express.json());\n\napp.get(\"/\",(req,res)=>{\n res.json({message:\""+title+" API\"});\n});\n\nconst PORT=process.env.PORT||3000;\napp.listen(PORT,()=>console.log(\"Server on port \"+PORT));\n"; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000\n"); zip.file(folder+".gitignore","node_modules/\n.env\n.DS_Store\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\n\`\`\`\n\n## Run\n\`\`\`bash\nnpm run dev\n\`\`\`\n"); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:"\n\n\n\n\n"+title+"\n\n\n\n"+code+"\n\n\n\n"; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e}\n"); zip.file(folder+"script.js","/* "+title+" — scripts */\n"); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Open\nDouble-click \`index.html\` in your browser.\n\nOr serve locally:\n\`\`\`bash\nnpx serve .\n# or\npython3 -m http.server 3000\n\`\`\`\n"); zip.file(folder+".gitignore",".DS_Store\nnode_modules/\n.env\n"); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/\.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/\*\*(.+?)\*\*/g,"$1"); hc=hc.replace(/\n{2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\nFiles:\n- "+app+".md (Markdown)\n- "+app+".html (styled HTML)\n"); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); } function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}