mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
75ffd8b12f
Closes: https://github.com/fleetdm/fleet/issues/36465 Closes: https://github.com/fleetdm/fleet/issues/36467 Related to: https://github.com/fleetdm/confidential/issues/14254 Changes: - Updated "Try it yourself" links to go to the `/try` page (Which redirects users who aren't logged in to the /login page) - Removed the `<signup-modal>` and `<signup-button>` components - Removed the route for the /register page, and added a redirect to go to /login - Updated the /login page to have the signup form, and to match the latest wireframes - Updated the /try page to have a fake Fleet UI as a background (previously an image)
86 lines
5.4 KiB
Text
Vendored
86 lines
5.4 KiB
Text
Vendored
<div id="query-generator" v-cloak>
|
||
<div purpose="page-container">
|
||
<div purpose="page-content">
|
||
<div purpose="page-headline">
|
||
<h2>Query robot 🤖</h2>
|
||
<p>Not great with SQL? Our query robot can help you.</p>
|
||
</div>
|
||
<div purpose="query-form">
|
||
<ajax-form :handle-submitting="handleSubmittingForm" :cloud-error.sync="cloudError" :form-errors.sync="formErrors" :form-data="formData" :form-rules="formRules">
|
||
<div purpose="form" class="form-group">
|
||
<label for="instructions">Ask a question about your device</label>
|
||
<textarea class="form-control" type="textarea" :disabled="showGeneratedQuery" id="instructions" placeholder="E.g., is Filevault enabled?" :class="[formErrors.naturalLanguageQuestion ? 'is-invalid' : '']" v-model.trim="formData.naturalLanguageQuestion"></textarea>
|
||
<div class="invalid-feedback" v-if="formErrors.naturalLanguageQuestion" focus-first>Ask your question.</div>
|
||
</div>
|
||
<cloud-error v-if="cloudError">An error occurred while generating your queries. Please <a href="/query-generator">reload this page and try again</a>.</cloud-error>
|
||
|
||
<div purpose="ai-note" v-if="!showGeneratedQuery">
|
||
<p>Fleet’s public query robot uses OpenAI <a href="https://github.com/fleetdm/fleet/blob/main/website/api/helpers/ai/prompt.js" target="_blank">under the hood</a>. Think before entering sensitive or confidential data in your prompts, as some data may not fall under your organization’s specific AI or data governance policies.</p>
|
||
</div>
|
||
<div purpose="note" v-if="!showGeneratedQuery">
|
||
<img src="/images/icon-info-16x16@2x.png" alt="An icon indicating that this section has important information">
|
||
<div>
|
||
<p>This will take at least 30 seconds to generate.</p>
|
||
</div>
|
||
</div>
|
||
<ajax-button purpose="submit-button" spinner="true" type="submit" :syncing="syncing" class="btn btn-primary mt-4 float-left" v-if="!cloudError && !showGeneratedQuery">Generate query</ajax-button>
|
||
</ajax-form>
|
||
</div>
|
||
<div v-show="showGeneratedQuery">
|
||
<h3>Here you go!</h3>
|
||
<p class="mb-2">Paste this into osqueryi or Fleet to try it out.</p>
|
||
<div purpose="codeblock">
|
||
<div purpose="codeblock-tabs" >
|
||
<a purpose="codeblock-tab" :class="[ selectedTab === 'macos' ? 'selected' : '']" @click="selectedTab = 'macos'" v-if="generatedQueries.macOSQuery">Apple</a>
|
||
<a purpose="codeblock-tab" :class="[ selectedTab === 'windows' ? 'selected' : '']" @click="selectedTab = 'windows'" v-if="generatedQueries.windowsQuery">Windows</a>
|
||
<a purpose="codeblock-tab" :class="[ selectedTab === 'linux' ? 'selected' : '']" @click="selectedTab = 'linux'" v-if="generatedQueries.linuxQuery">Linux</a>
|
||
<a purpose="codeblock-tab" :class="[ selectedTab === 'chromeos' ? 'selected' : '']" @click="selectedTab = 'chromeos'" v-if="generatedQueries.chromeOSQuery">ChromeOS</a>
|
||
<div purpose="copy-button-tab">
|
||
<div purpose="copy-button"></div>
|
||
</div>
|
||
</div>
|
||
<pre v-show="selectedTab === 'macos'"><code class="hljs sql"> {{generatedQueries.macOSQuery}}</code></pre>
|
||
<pre v-show="selectedTab === 'windows'"><code class="hljs sql"> {{generatedQueries.windowsQuery}}</code></pre>
|
||
<pre v-show="selectedTab === 'linux'"><code class="hljs sql"> {{generatedQueries.linuxQuery}}</code></pre>
|
||
<pre v-show="selectedTab === 'chromeos'"><code class="hljs sql"> {{generatedQueries.chromeOSQuery}}</code></pre>
|
||
</div>
|
||
<div purpose="caveats">
|
||
<div v-if="selectedTab === 'macos' && (generatedQueries.macOSCaveats !== undefined && generatedQueries.macOSCaveats !== '')">
|
||
<h3>Caveats</h3>
|
||
<ul>
|
||
<li><p>{{generatedQueries.macOSCaveats}}</p></li>
|
||
</ul>
|
||
</div>
|
||
<div v-if="selectedTab === 'windows' && (generatedQueries.windowsCaveats !== undefined && generatedQueries.windowsCaveats !== '')">
|
||
<h3>Caveats</h3>
|
||
<ul>
|
||
<li><p>{{generatedQueries.windowsCaveats}}</p></li>
|
||
</ul>
|
||
</div>
|
||
<div v-if="selectedTab === 'linux' && (generatedQueries.linuxCaveats !== undefined && generatedQueries.linuxCaveats !== '')">
|
||
<h3>Caveats</h3>
|
||
<ul>
|
||
<li><p>{{generatedQueries.linuxCaveats}}</p></li>
|
||
</ul>
|
||
</div>
|
||
<div v-if="selectedTab === 'chromeos' && (generatedQueries.chromeOSCaveats !== undefined && generatedQueries.chromeOSCaveats !== '')">
|
||
<h3>Caveats</h3>
|
||
<ul>
|
||
<li><p>{{generatedQueries.chromeOSCaveats}}</p></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div purpose="note">
|
||
<img src="/images/icon-info-16x16@2x.png" alt="An icon indicating that this section has important information">
|
||
<div>
|
||
<p>These AI-generated results may be incorrect. I have been known to hallucinate from time to time.
|
||
Check Fleet’s <a href="/tables" target="_blank">data tables</a>.</p>
|
||
</div>
|
||
</div>
|
||
<div class="btn btn-sm btn-primary" purpose="reset-button" @click="clickResetQueryGenerator()" v-if="">Start over</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|