trypost/resources/js/components/settings/WorkspaceTab.vue
Paulo Castellano 3c3b170b21 feat: @mentions in comments, AI Action layer + MCP tools, settings tabs
Mentions in post comments
- @mention autocomplete (workspace members, current user excluded) with
  marker syntax @[uuid] persisted, display names rendered via CommentBody
  chips; live edit replaces markers with names and converts back on save.
- NotifyMentions action with workspace-scoped membership check, dedupes
  same user, only newly-added mentions on update.
- Email + in-app via SendNotification job, respecting per-user
  notification_preferences.mentioned_in_comment.
- Heartbeat-based presence (Cache, 60s TTL, 30s ping) so online recipients
  get only the in-app notification — no email noise.
- Real-time bell on workspace.{id}.user.{id} private channel
  (NotificationCreated event), scoped channel name avoids client-side
  filtering and lays out a convention for future workspace channels.
- Mailable localized via lang/{en,es,pt-BR}/mail.php; Maizzle source
  template for the email is committed and built into resources/views/mail.

AI generation refactor (Action layer + MCP)
- Extracted Actions/Ai/Generate{Image,Video} with QuotaExhaustedException
  so agent tools and MCP tools share a single domain entry point.
- Mcp/Tools/Ai/Generate{Image,Video}Tool registered in TryPostServer; both
  return MediaResource payloads.
- Orientation::imageApiSize maps non-OpenAI ratios to 1:1/2:3/3:2.
- config/ai.php is now the single source of truth driven by env, removing
  the trypost.ai shim. Default text/image providers flipped to OpenAI.

Settings/UX
- /settings/workspace split into shadcn Tabs (Workspace / Brand / Users)
  with three components.
- /assets and the in-editor MediaPicker open the ImagePreviewDialog
  lightbox on image click while preserving action button behaviour.
- Comments tab landed via ?tab=comments&comment=<id> from notification
  click (scroll-to + temporary highlight).
- Mention autocomplete popover flips above when near the viewport bottom.
- Real social platform PNGs replace Tabler brand glyphs in schedule
  pills and post list, with hover tooltip carrying display_name + handle.

Bug fixes
- AcceptInvite: controller now passes workspace + role payload that the
  Vue page expects; login/register CTAs preselect the invite email.
- WorkspaceInvite mailable: stopped referencing nonexistent
  $invite->workspace and $invite->role; column added to the migration,
  Invite model casts role to WorkspaceRole, CreateInvite persists it.
- PostCommentCreated: added broadcastAs so .PostCommentCreated actually
  matches the Echo listener; payload now includes mentioned_users so
  receivers render the chip correctly without a refetch.
- Preview components for X/Pinterest/Threads/Bluesky/LinkedIn/Mastodon/
  TikTok/YouTube switched from item.type === 'image' to
  !isVideoMedia(item) so media without a persisted type still renders.
- UpdatePostRequest now accepts media.*.{type,mime_type,size,...} so the
  posts.media JSON keeps the metadata that the previews need.
- Removed throttle:6,1 from social connect routes (was 429ing legitimate
  OAuth retries).
- Used MediaType enum cases instead of literal 'image'/'video' strings
  when creating media rows.

Tests
- MentionParser unit tests, NotifyMentions feature tests including
  online/offline channel selection and preference gating, MCP AI tool
  happy paths, MentionedInComment mailable rendering, AcceptInvite +
  search-members + index mentioned_users path. 1229 passing.
2026-05-01 20:59:03 -03:00

71 lines
2.3 KiB
Vue

<script setup lang="ts">
import { Form } from '@inertiajs/vue3';
import WorkspaceController from '@/actions/App/Http/Controllers/App/WorkspaceController';
import HeadingSmall from '@/components/HeadingSmall.vue';
import InputError from '@/components/InputError.vue';
import PhotoUpload from '@/components/PhotoUpload.vue';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Separator } from '@/components/ui/separator';
import { uploadLogo, deleteLogo } from '@/routes/app/workspace';
interface Workspace {
id: string;
name: string;
has_logo: boolean;
logo_url: string | null;
}
defineProps<{
workspace: Workspace;
}>();
</script>
<template>
<div class="space-y-12">
<div class="flex flex-col space-y-6">
<HeadingSmall
:title="$t('settings.workspace.logo_heading')"
:description="$t('settings.workspace.logo_description')"
/>
<PhotoUpload
:photo-url="workspace.logo_url"
:has-photo="workspace.has_logo"
:name="workspace.name"
:upload-url="uploadLogo().url"
:delete-url="deleteLogo().url"
/>
</div>
<Separator />
<div class="flex flex-col space-y-6">
<HeadingSmall
:title="$t('settings.workspace.heading')"
:description="$t('settings.workspace.description')"
/>
<Form
v-bind="WorkspaceController.updateSettings.form()"
v-slot="{ errors, processing }"
class="space-y-6"
>
<div class="grid gap-2">
<Label for="name">{{ $t('settings.workspace.name') }}</Label>
<Input
id="name"
name="name"
:default-value="workspace.name"
:placeholder="$t('settings.workspace.name_placeholder')"
/>
<InputError :message="errors.name" />
</div>
<Button :disabled="processing">{{ $t('settings.workspace.save') }}</Button>
</Form>
</div>
</div>
</template>