discourse-ai/assets/javascripts/discourse/components/modal/spam-test-modal.gjs
Sam d07cf51653
FEATURE: llm quotas (#1047)
Adds a comprehensive quota management system for LLM models that allows:

- Setting per-group (applied per user in the group) token and usage limits with configurable durations
- Tracking and enforcing token/usage limits across user groups
- Quota reset periods (hourly, daily, weekly, or custom)
-  Admin UI for managing quotas with real-time updates

This system provides granular control over LLM API usage by allowing admins
to define limits on both total tokens and number of requests per group.
Supports multiple concurrent quotas per model and automatically handles
quota resets.


Co-authored-by: Keegan George <kgeorge13@gmail.com>
2025-01-14 15:54:09 +11:00

99 lines
3 KiB
Text

import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { fn } from "@ember/helper";
import { on } from "@ember/modifier";
import { action } from "@ember/object";
import DButton from "discourse/components/d-button";
import DModal from "discourse/components/d-modal";
import withEventValue from "discourse/helpers/with-event-value";
import { ajax } from "discourse/lib/ajax";
import { popupAjaxError } from "discourse/lib/ajax-error";
import { i18n } from "discourse-i18n";
import AiIndicatorWave from "../ai-indicator-wave";
export default class SpamTestModal extends Component {
@tracked testResult;
@tracked isLoading = false;
@tracked postUrl = "";
@tracked scanLog = "";
@tracked isSpam;
@action
async runTest() {
this.isLoading = true;
try {
const response = await ajax(
`/admin/plugins/discourse-ai/ai-spam/test.json`,
{
type: "POST",
data: {
post_url: this.postUrl,
custom_instructions: this.args.model.customInstructions,
llm_id: this.args.model.llmId,
},
}
);
this.isSpam = response.is_spam;
this.testResult = response.is_spam
? i18n("discourse_ai.spam.test_modal.spam")
: i18n("discourse_ai.spam.test_modal.not_spam");
this.scanLog = response.log;
} catch (error) {
popupAjaxError(error);
} finally {
this.isLoading = false;
}
}
<template>
<DModal
@title={{i18n "discourse_ai.spam.test_modal.title"}}
@closeModal={{@closeModal}}
@bodyClass="spam-test-modal__body"
class="spam-test-modal"
>
<:body>
<div class="control-group">
<label>{{i18n "discourse_ai.spam.test_modal.post_url_label"}}</label>
<input
{{on "input" (withEventValue (fn (mut this.postUrl)))}}
type="text"
placeholder={{i18n
"discourse_ai.spam.test_modal.post_url_placeholder"
}}
/>
</div>
{{#if this.testResult}}
<div class="spam-test-modal__test-result">
<h3>{{i18n "discourse_ai.spam.test_modal.result"}}</h3>
<div
class="spam-test-modal__verdict
{{if this.isSpam 'is-spam' 'not-spam'}}"
>
{{this.testResult}}
</div>
{{#if this.scanLog}}
<div class="spam-test-modal__log">
<h4>{{i18n "discourse_ai.spam.test_modal.scan_log"}}</h4>
<pre>{{this.scanLog}}</pre>
</div>
{{/if}}
</div>
{{/if}}
</:body>
<:footer>
<DButton
@action={{this.runTest}}
@label="discourse_ai.spam.test_modal.run"
@disabled={{this.isLoading}}
class="btn-primary spam-test-modal__run-button"
>
<AiIndicatorWave @loading={{this.isLoading}} />
</DButton>
</:footer>
</DModal>
</template>
}