@cobaltcore-dev/aurora 2.0.0 → 2.1.0

package/dist/client/{securitygroups--0PS2wbM.mjs.map → securitygroups-DXrfyuVF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"securitygroups--0PS2wbM.mjs","names":["DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","Checkbox","SecurityGroupTableRow","securityGroup","sg","permissions","onEdit","onDelete","onViewDetails","isReadOnly","showSelectColumn","isSelected","onSelect","useLingui","BooleanValue","value","span","t","handleShowDetails","data-testid","id","onClick","className","e","stopPropagation","checked","onChange","div","p","name","description","shared","project_id","stateful","label","canUpdate","canDelete","useState","useEffect","useRef","DataGrid","DataGridCell","DataGridHeadCell","DataGridRow","Status","useNavigate","useProjectId","EditSecurityGroupModal","DeleteSecurityGroupDialog","SecurityGroupTableRow","SecurityGroupListContainer","securityGroups","isLoading","isError","error","permissions","onDeleteSecurityGroup","isDeletingSecurityGroup","deleteError","onUpdateSecurityGroup","isUpdatingSecurityGroup","updateError","currentProjectId","hasAnyBulkAction","onClearUpdateError","useLingui","navigate","projectId","selectedSecurityGroup","setSelectedSecurityGroup","editModalOpen","setEditModalOpen","deleteDialogOpen","setDeleteDialogOpen","prevIsDeletingRef","prevIsUpdatingRef","handleEdit","sg","id","handleDelete","handleViewDetails","to","params","securityGroupId","closeEditModal","closeDeleteDialog","deletionJustFinished","current","updateJustFinished","columnCount","columns","minContentColumns","t","map","label","colSpan","status","title","message","length","isReadOnly","Boolean","project_id","securityGroup","onEdit","onDelete","onViewDetails","showSelectColumn","isSelected","onSelect","body","open","onClose","onUpdate","data","Promise","resolve","isOpen","isDeleting","React","useState","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","Status","defaultSecurityGroupValues","name","description","stateful","CreateSecurityGroupModal","isOpen","onClose","onCreate","isLoading","error","useLingui","properties","setProperties","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","securityGroupData","undefined","handleClose","open","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","status","id","label","onChange","required","errortext","placeholder","rows","helptext","BOOLEAN_VALUES","BOOLEAN_PARAM","true","false","isBooleanValue","value","includes","BOOLEAN_FILTER_NAMES","isBooleanFilterName","name","buildSecurityGroupFilters","labels","displayName","shared","filterName","values","valueLabels","yes","no","supportsMultiValue","stateful","buildSecurityGroupFilterParams","selectedFilters","params","selected","filter","f","inactive","at","isKnownSecurityGroupFilter","isKnownSecurityGroupFilter","parseFiltersFromUrl","searchParams","filters","shared","push","name","value","stateful","buildFilterParams","selectedFilters","filterDefinitions","params","length","filterGroups","filter","sf","inactive","reduce","acc","Object","entries","forEach","filterName","values","filterDef","find","f","supportsMultiValue","join","applyFilterSelection","current","selected","alreadySelected","some","supportsMulti","buildUrlSearchParams","baseParams","newParams","search","sortBy","sortDirection","useState","useEffect","useRef","useNavigate","useSearch","Button","Stack","DataGridToolbar","SearchInput","Message","toast","ContentHeader","trpcReact","SortInput","SelectedFilters","FiltersInput","SecurityGroupListContainer","CreateSecurityGroupModal","useSecurityGroupPermissions","parseFiltersFromUrl","buildUrlSearchParams","applyFilterSelection","buildSecurityGroupFilterParams","buildSecurityGroupFilters","getSecurityGroupDeletedToast","getSecurityGroupDeleteErrorToast","getSecurityGroupUpdatedToast","getSecurityGroupUpdateErrorToast","SEARCH_DEBOUNCE_MS","SecurityGroups","project","projectId","useLingui","navigate","searchParams","strict","sortSettings","setSortSettings","options","label","t","value","sortBy","sortDirection","filterSettings","setFilterSettings","filters","shared","stateful","yes","no","selectedFilters","localSearchTerm","setLocalSearchTerm","search","debounceTimer","undefined","createModalOpen","setCreateModalOpen","deleteError","setDeleteError","createError","setCreateError","updateError","setUpdateError","utils","useUtils","clearTimeout","current","prev","urlFilters","urlSortBy","urlSortDirection","urlSearchTerm","data","securityGroupsData","isLoading","isError","error","network","securityGroup","list","useQuery","project_id","sort_key","sort_dir","searchTerm","refetchOnWindowFocus","placeholderData","securityGroups","listError","code","message","permissions","createSecurityGroupMutation","create","useMutation","onSuccess","createdSecurityGroup","invalidate","getById","to","params","securityGroupId","id","onError","deleteSecurityGroupMutation","deleteById","updateSecurityGroupMutation","update","handleCreateSecurityGroup","securityGroupData","mutateAsync","handleDeleteSecurityGroup","sgName","find","sg","name","mutate","success","handleUpdateSecurityGroup","handleClearUpdateError","handleSortChange","newSortSettings","settings","toString","replace","handleFilterChange","newFilterSettings","handleSearchChange","term","title","div","className","length","variant","distribution","alignment","gap","selectClassName","onSortByChange","v","onSortDirectionChange","dir","canCreate","onClick","direction","comboboxClassName","onChange","selected","newSelected","placeholder","data-testid","onInput","e","currentTarget","window","setTimeout","onSearch","onClear","onDelete","filterToRemove","filter","f","onCreateClick","onDeleteSecurityGroup","isDeletingSecurityGroup","isPending","onUpdateSecurityGroup","isUpdatingSecurityGroup","currentProjectId","hasAnyBulkAction","onClearUpdateError","isOpen","onClose","onCreate","SecurityGroups","Route","RouteComponent","projectId","useParams","trpcClient","useRouteContext","Error","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/CreateSecurityGroupModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/filterConfig.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/urlHelpers.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component"],"sourcesContent":["import {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n  Checkbox,\n} from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\n\nexport interface SecurityGroupPermissions {\n  canView: boolean\n  canCreate: boolean\n  canUpdate: boolean\n  canDelete: boolean\n  canCreateRule: boolean\n  canDeleteRule: boolean\n  canManageAccess: boolean\n  canViewRBAC: boolean\n}\n\ninterface SecurityGroupTableRowProps {\n  securityGroup: SecurityGroup\n  permissions: SecurityGroupPermissions\n  onEdit: (sg: SecurityGroup) => void\n  onDelete: (sg: SecurityGroup) => void\n  onViewDetails?: (sg: SecurityGroup) => void\n  isReadOnly?: boolean\n  showSelectColumn?: boolean\n  isSelected?: boolean\n  onSelect?: (sg: SecurityGroup) => void\n}\n\nexport function SecurityGroupTableRow({\n  securityGroup: sg,\n  permissions,\n  onEdit,\n  onDelete,\n  onViewDetails,\n  isReadOnly = false,\n  showSelectColumn = false,\n  isSelected = false,\n  onSelect,\n}: SecurityGroupTableRowProps) {\n  const { t } = useLingui()\n\n  const BooleanValue = ({ value }: { value: boolean | undefined }) => <span>{value ? t`Yes` : t`No`}</span>\n\n  const handleShowDetails = () => {\n    if (onViewDetails) {\n      onViewDetails(sg)\n    }\n  }\n\n  return (\n    <DataGridRow\n      key={sg.id}\n      data-testid={`security-group-row-${sg.id}`}\n      onClick={handleShowDetails}\n      className=\"hover:bg-theme-background-lvl-2 cursor-pointer\"\n    >\n      {showSelectColumn && (\n        <DataGridCell onClick={(e) => e.stopPropagation()}>\n          <Checkbox checked={isSelected} onChange={() => onSelect?.(sg)} />\n        </DataGridCell>\n      )}\n      <DataGridCell>\n        <div>\n          <p className=\"text-md\">{sg.name}</p>\n        </div>\n      </DataGridCell>\n      <DataGridCell>{sg.description || t`—`}</DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.shared} />\n        {sg.shared && (\n          <p>\n            <Trans>Owner</Trans>: <span className=\"text-theme-light text-xs\">{sg.project_id}</span>\n          </p>\n        )}\n      </DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.stateful ?? true} />\n      </DataGridCell>\n      <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n        <PopupMenu>\n          <PopupMenuOptions>\n            <PopupMenuItem label={t`Show Details`} onClick={() => handleShowDetails()} />\n            {permissions.canUpdate && !isReadOnly && <PopupMenuItem label={t`Edit Group`} onClick={() => onEdit(sg)} />}\n            {permissions.canDelete && !isReadOnly && (\n              <PopupMenuItem label={t`Delete Group`} onClick={() => onDelete(sg)} />\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      </DataGridCell>\n    </DataGridRow>\n  )\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { DataGrid, DataGridCell, DataGridHeadCell, DataGridRow, Status } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport type { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { EditSecurityGroupModal } from \"./-modals/EditSecurityGroupModal\"\nimport { DeleteSecurityGroupDialog } from \"./-modals/DeleteSecurityGroupDialog\"\nimport { SecurityGroupTableRow, type SecurityGroupPermissions } from \"./SecurityGroupTableRow\"\n\ninterface SecurityGroupListContainerProps {\n  securityGroups: SecurityGroup[]\n  isLoading: boolean\n  isError: boolean\n  error: { message?: string } | null\n  permissions: SecurityGroupPermissions\n  onCreateClick?: () => void\n  onDeleteSecurityGroup?: (securityGroupId: string) => void\n  isDeletingSecurityGroup?: boolean\n  deleteError?: string | null\n  onUpdateSecurityGroup?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => Promise<void>\n  isUpdatingSecurityGroup?: boolean\n  updateError?: string | null\n  currentProjectId?: string\n  hasAnyBulkAction?: boolean\n  onClearUpdateError?: () => void\n}\n\nexport const SecurityGroupListContainer = ({\n  securityGroups,\n  isLoading,\n  isError,\n  error,\n  permissions,\n  onDeleteSecurityGroup,\n  isDeletingSecurityGroup = false,\n  deleteError = null,\n  onUpdateSecurityGroup,\n  isUpdatingSecurityGroup = false,\n  updateError = null,\n  currentProjectId,\n  hasAnyBulkAction = false,\n  onClearUpdateError,\n}: SecurityGroupListContainerProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [selectedSecurityGroup, setSelectedSecurityGroup] = useState<SecurityGroup | null>(null)\n  const [editModalOpen, setEditModalOpen] = useState(false)\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false)\n  const prevIsDeletingRef = useRef<boolean>(false)\n  const prevIsUpdatingRef = useRef<boolean>(false)\n\n  const handleEdit = (sg: SecurityGroup) => {\n    // Clear error when selecting a different security group\n    if (selectedSecurityGroup && selectedSecurityGroup.id !== sg.id && onClearUpdateError) {\n      onClearUpdateError()\n    }\n    setSelectedSecurityGroup(sg)\n    setEditModalOpen(true)\n  }\n\n  const handleDelete = (sg: SecurityGroup) => {\n    setSelectedSecurityGroup(sg)\n    setDeleteDialogOpen(true)\n  }\n\n  const handleViewDetails = (sg: SecurityGroup) => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n      params: { projectId, securityGroupId: sg.id },\n    })\n  }\n\n  const closeEditModal = () => {\n    setSelectedSecurityGroup(null)\n    setEditModalOpen(false)\n  }\n\n  const closeDeleteDialog = () => {\n    setSelectedSecurityGroup(null)\n    setDeleteDialogOpen(false)\n  }\n\n  // Close delete dialog when deletion completes successfully\n  useEffect(() => {\n    // Check if deletion just finished (was deleting before, now not deleting)\n    const deletionJustFinished = prevIsDeletingRef.current && !isDeletingSecurityGroup\n\n    // Close dialog if deletion just finished and there's no error\n    if (deletionJustFinished && deleteDialogOpen && !deleteError) {\n      closeDeleteDialog()\n    }\n\n    // Update the ref for next render\n    prevIsDeletingRef.current = isDeletingSecurityGroup\n  }, [isDeletingSecurityGroup, deleteError, deleteDialogOpen])\n\n  // Close edit modal when update completes successfully\n  useEffect(() => {\n    // Check if update just finished (was updating before, now not updating)\n    const updateJustFinished = prevIsUpdatingRef.current && !isUpdatingSecurityGroup\n\n    // Close modal if update just finished and there's no error\n    if (updateJustFinished && editModalOpen && !updateError) {\n      closeEditModal()\n    }\n\n    // Update the ref for next render\n    prevIsUpdatingRef.current = isUpdatingSecurityGroup\n  }, [isUpdatingSecurityGroup, updateError, editModalOpen])\n\n  const columnCount = hasAnyBulkAction ? 6 : 5\n\n  return (\n    <>\n      <DataGrid columns={columnCount} minContentColumns={hasAnyBulkAction ? [5] : [4]}>\n        <DataGridRow>\n          {hasAnyBulkAction && <DataGridHeadCell />}\n          {[t`Name`, t`Description`, t`Shared`, t`Stateful`, \"\"].map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n\n        {isLoading ? (\n          <DataGridRow>\n            <DataGridCell colSpan={columnCount}>\n              <Status status=\"progress\" title={t`Loading...`} />\n            </DataGridCell>\n          </DataGridRow>\n        ) : isError ? (\n          <DataGridRow>\n            <DataGridCell colSpan={columnCount}>\n              <Status status=\"error\" title={error?.message ?? t`Failed to Load Security Groups`} />\n            </DataGridCell>\n          </DataGridRow>\n        ) : securityGroups.length > 0 ? (\n          securityGroups.map((sg) => {\n            // Compute isReadOnly only when the security group has an explicit project owner\n            const isReadOnly = Boolean(currentProjectId && sg.project_id && sg.project_id !== currentProjectId)\n\n            return (\n              <SecurityGroupTableRow\n                key={sg.id}\n                securityGroup={sg}\n                permissions={permissions}\n                onEdit={handleEdit}\n                onDelete={handleDelete}\n                onViewDetails={handleViewDetails}\n                isReadOnly={isReadOnly}\n                showSelectColumn={hasAnyBulkAction}\n                isSelected={false}\n                onSelect={() => {}}\n              />\n            )\n          })\n        ) : (\n          <DataGridRow>\n            <DataGridCell colSpan={columnCount}>\n              <Status\n                status=\"empty\"\n                title={t`No security groups found`}\n                body={t`There are no security groups available for this project with the current filters applied. Try adjusting your filter criteria or create a new security group to get started.`}\n              />\n            </DataGridCell>\n          </DataGridRow>\n        )}\n      </DataGrid>\n\n      {selectedSecurityGroup && (\n        <>\n          <EditSecurityGroupModal\n            securityGroup={selectedSecurityGroup}\n            open={editModalOpen}\n            onClose={closeEditModal}\n            onUpdate={(id, data) => {\n              if (onUpdateSecurityGroup) {\n                return onUpdateSecurityGroup(id, data)\n              }\n              return Promise.resolve()\n            }}\n            isLoading={isUpdatingSecurityGroup}\n            error={updateError}\n          />\n          <DeleteSecurityGroupDialog\n            securityGroup={selectedSecurityGroup}\n            isOpen={deleteDialogOpen}\n            onClose={closeDeleteDialog}\n            onDelete={(id) => {\n              if (onDeleteSecurityGroup) {\n                onDeleteSecurityGroup(id)\n              }\n            }}\n            isDeleting={isDeletingSecurityGroup}\n            error={deleteError}\n          />\n        </>\n      )}\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Checkbox,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n  Status,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface CreateSecurityGroupModalProps {\n  isOpen: boolean\n  onClose: () => void\n  onCreate: (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n  stateful: boolean\n}\n\nconst defaultSecurityGroupValues: SecurityGroupProperties = {\n  name: \"\",\n  description: \"\",\n  stateful: true,\n}\n\nexport const CreateSecurityGroupModal: React.FC<CreateSecurityGroupModalProps> = ({\n  isOpen,\n  onClose,\n  onCreate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({ ...defaultSecurityGroupValues })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    const securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\"> = {\n      name: properties.name.trim(),\n      description: properties.description.trim() || undefined,\n      stateful: properties.stateful,\n    }\n\n    await onCreate(securityGroupData)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setProperties({ ...defaultSecurityGroupValues })\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={isOpen}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Create Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"create-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Create Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && <Status status=\"progress\" title={t`Creating Security Group...`} className=\"mt-0\" />}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-0\">\n              <Checkbox\n                id=\"stateful\"\n                name=\"stateful\"\n                label={t`Stateful`}\n                checked={properties.stateful}\n                onChange={handleInputChange}\n                disabled={isLoading}\n                helptext={t`Stateful security groups track connection state. This setting cannot be changed after creation.`}\n              />\n            </FormRow>\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import type { ListSecurityGroupsInput } from \"@/server/Network/types/securityGroup\"\nimport type { Filter, SelectedFilter } from \"@/client/components/ListToolbar/types\"\n\n/** Filter params this list may send to network.securityGroup.list. Names AND types come from the tRPC input schema. */\nexport type SecurityGroupFilterParams = Partial<Pick<ListSecurityGroupsInput, \"shared\" | \"stateful\">>\nexport type SecurityGroupFilterName = keyof SecurityGroupFilterParams\n\nconst BOOLEAN_VALUES = [\"true\", \"false\"] as const\ntype BooleanValue = (typeof BOOLEAN_VALUES)[number]\n\n// Maps the raw string value carried in the URL/pill to the typed value sent to the tRPC procedure.\n// If a server-side field ever changes type (e.g. to a string enum), this mapping fails to compile,\n// surfacing the mismatch at build time instead of at runtime.\nconst BOOLEAN_PARAM: Record<BooleanValue, boolean> = {\n  true: true,\n  false: false,\n}\n\nconst isBooleanValue = (value: string): value is BooleanValue => (BOOLEAN_VALUES as readonly string[]).includes(value)\n\nconst BOOLEAN_FILTER_NAMES = [\"shared\", \"stateful\"] as const satisfies readonly SecurityGroupFilterName[]\ntype BooleanFilterName = (typeof BOOLEAN_FILTER_NAMES)[number]\n\nconst isBooleanFilterName = (name: string): name is BooleanFilterName =>\n  (BOOLEAN_FILTER_NAMES as readonly string[]).includes(name)\n\n/**\n * Builds the Filter definitions for the Security Groups list toolbar.\n * Labels are passed in (rather than resolved via `t` here) so this module stays plain\n * data/logic and can be unit-tested without an I18nProvider.\n */\nexport const buildSecurityGroupFilters = (labels: {\n  shared: string\n  stateful: string\n  yes: string\n  no: string\n}): Filter[] => [\n  {\n    displayName: labels.shared,\n    filterName: \"shared\" satisfies SecurityGroupFilterName,\n    values: [...BOOLEAN_VALUES],\n    valueLabels: { true: labels.yes, false: labels.no },\n    supportsMultiValue: false,\n  },\n  {\n    displayName: labels.stateful,\n    filterName: \"stateful\" satisfies SecurityGroupFilterName,\n    values: [...BOOLEAN_VALUES],\n    valueLabels: { true: labels.yes, false: labels.no },\n    supportsMultiValue: false,\n  },\n]\n\n/**\n * Builds the typed filter params sent to `network.securityGroup.list` from the currently\n * selected filters. Unlike the generic `Record<string, string>` builder, the return type here\n * is checked by the compiler against the tRPC input schema when spread into the query input.\n */\nexport const buildSecurityGroupFilterParams = (selectedFilters: SelectedFilter[]): SecurityGroupFilterParams => {\n  const params: SecurityGroupFilterParams = {}\n\n  for (const name of BOOLEAN_FILTER_NAMES) {\n    // Single-value filters: the toolbar replaces an earlier selection, but the URL may still\n    // carry more than one entry, in which case the last one wins.\n    const selected = selectedFilters.filter((f) => !f.inactive && f.name === name).at(-1)\n\n    if (selected && isBooleanValue(selected.value)) {\n      params[name] = BOOLEAN_PARAM[selected.value]\n    }\n  }\n\n  return params\n}\n\n/** Whether a raw URL value is a known, valid value for the given Security Groups filter name. */\nexport const isKnownSecurityGroupFilter = (name: string, value: string): boolean =>\n  isBooleanFilterName(name) && isBooleanValue(value)\n","import { SelectedFilter, Filter } from \"@/client/components/ListToolbar/types\"\nimport { isKnownSecurityGroupFilter } from \"./filterConfig\"\n\ntype SecurityGroupsSearchParams = {\n  shared?: string\n  stateful?: string\n  search?: string\n  sortBy?: string\n  sortDirection?: \"asc\" | \"desc\"\n}\n\n/**\n * Parses URL search params into SelectedFilter array for ListToolbar\n */\nexport const parseFiltersFromUrl = (searchParams: SecurityGroupsSearchParams): SelectedFilter[] => {\n  const filters: SelectedFilter[] = []\n\n  // Shared filter\n  if (searchParams.shared && isKnownSecurityGroupFilter(\"shared\", searchParams.shared)) {\n    filters.push({ name: \"shared\", value: searchParams.shared })\n  }\n\n  // Stateful filter\n  if (searchParams.stateful && isKnownSecurityGroupFilter(\"stateful\", searchParams.stateful)) {\n    filters.push({ name: \"stateful\", value: searchParams.stateful })\n  }\n\n  return filters\n}\n\n/**\n * Builds filter parameters for API request from SelectedFilter array\n */\nexport const buildFilterParams = (\n  selectedFilters: SelectedFilter[],\n  filterDefinitions: Filter[]\n): Record<string, string> => {\n  const params: Record<string, string> = {}\n\n  if (!selectedFilters?.length) return params\n\n  // Group selected filters by filter name\n  const filterGroups = selectedFilters\n    .filter((sf) => !sf.inactive)\n    .reduce(\n      (acc, sf) => {\n        if (!acc[sf.name]) acc[sf.name] = []\n        acc[sf.name].push(sf.value)\n        return acc\n      },\n      {} as Record<string, string[]>\n    )\n\n  // Build parameters based on whether filter supports multiple values\n  Object.entries(filterGroups).forEach(([filterName, values]) => {\n    const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n    if (filterDef?.supportsMultiValue && values.length > 1) {\n      params[filterName] = `in:${values.join(\",\")}`\n    } else {\n      params[filterName] = values[0]\n    }\n  })\n\n  return params\n}\n\n/**\n * Merges a newly selected filter into the current list.\n * - Ignores duplicates (same name + value).\n * - For single-value filters, replaces any existing entry with the same name.\n * - For multi-value filters, appends.\n */\nexport const applyFilterSelection = (\n  current: SelectedFilter[],\n  selected: SelectedFilter,\n  filterDefinitions: Filter[]\n): SelectedFilter[] => {\n  const alreadySelected = current.some((f) => f.name === selected.name && f.value === selected.value)\n  if (alreadySelected) return current\n\n  const supportsMulti = filterDefinitions.find((f) => f.filterName === selected.name)?.supportsMultiValue\n  return supportsMulti ? [...current, selected] : [...current.filter((f) => f.name !== selected.name), selected]\n}\n\n/**\n * Builds URL search params object from filter settings for navigation\n */\nexport const buildUrlSearchParams = (\n  selectedFilters: SelectedFilter[],\n  filterDefinitions: Filter[],\n  baseParams: {\n    search?: string\n    sortBy?: string\n    sortDirection?: \"asc\" | \"desc\"\n  }\n): SecurityGroupsSearchParams => {\n  const newParams: SecurityGroupsSearchParams = {\n    search: baseParams.search,\n    sortBy: baseParams.sortBy,\n    sortDirection: baseParams.sortDirection,\n  }\n\n  if (!selectedFilters?.length) return newParams\n\n  const filterGroups = selectedFilters\n    .filter((sf) => !sf.inactive)\n    .reduce(\n      (acc, sf) => {\n        if (!acc[sf.name]) acc[sf.name] = []\n        acc[sf.name].push(sf.value)\n        return acc\n      },\n      {} as Record<string, string[]>\n    )\n\n  Object.entries(filterGroups).forEach(([filterName, values]) => {\n    const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n    if (filterDef?.supportsMultiValue && values.length > 1) {\n      // Type assertion needed because we're dynamically setting filter fields\n      ;(newParams as Record<string, string>)[filterName] = `in:${values.join(\",\")}`\n    } else {\n      ;(newParams as Record<string, string>)[filterName] = values[0]\n    }\n  })\n\n  return newParams\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useNavigate, useSearch } from \"@tanstack/react-router\"\nimport { Button, Stack, DataGridToolbar, SearchInput, Message, toast } from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput, UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { SortInput } from \"@/client/components/ListToolbar/SortInput\"\nimport { SelectedFilters } from \"@/client/components/ListToolbar/SelectedFilters\"\nimport { FiltersInput } from \"@/client/components/ListToolbar/FiltersInput\"\nimport { FilterSettings, SortSettings } from \"@/client/components/ListToolbar/types\"\nimport { SecurityGroupListContainer } from \"./SecurityGroupListContainer\"\nimport { CreateSecurityGroupModal } from \"./-modals/CreateSecurityGroupModal\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\nimport { parseFiltersFromUrl, buildUrlSearchParams, applyFilterSelection } from \"../urlHelpers\"\nimport { buildSecurityGroupFilterParams, buildSecurityGroupFilters } from \"../filterConfig\"\nimport {\n  getSecurityGroupDeletedToast,\n  getSecurityGroupDeleteErrorToast,\n  getSecurityGroupUpdatedToast,\n  getSecurityGroupUpdateErrorToast,\n} from \"./SecurityGroupToastNotifications\"\n\nconst SEARCH_DEBOUNCE_MS = 500\n\ntype SecurityGroupSortKey = \"name\" | \"project_id\"\n\ntype SecurityGroupsSearchParams = {\n  shared?: string\n  stateful?: string\n  search?: string\n  sortBy?: string\n  sortDirection?: \"asc\" | \"desc\"\n}\n\ntype RequiredSortSettings = {\n  options: SortSettings[\"options\"]\n  sortBy: string\n  sortDirection: \"asc\" | \"desc\"\n}\n\ninterface SecurityGroupsProps {\n  project: string\n}\n\nexport const SecurityGroups = ({ project: projectId }: SecurityGroupsProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const searchParams = useSearch({ strict: false }) as SecurityGroupsSearchParams\n\n  const [sortSettings, setSortSettings] = useState<RequiredSortSettings>({\n    options: [{ label: t`Name`, value: \"name\" }],\n    sortBy: searchParams.sortBy || \"name\",\n    sortDirection: searchParams.sortDirection || \"asc\",\n  })\n\n  const [filterSettings, setFilterSettings] = useState<FilterSettings>({\n    filters: buildSecurityGroupFilters({ shared: t`Shared`, stateful: t`Stateful`, yes: t`Yes`, no: t`No` }),\n    selectedFilters: parseFiltersFromUrl(searchParams),\n  })\n\n  const [localSearchTerm, setLocalSearchTerm] = useState(searchParams.search || \"\")\n  const debounceTimer = useRef<number | undefined>(undefined)\n  const [createModalOpen, setCreateModalOpen] = useState(false)\n  const [deleteError, setDeleteError] = useState<string | null>(null)\n  const [createError, setCreateError] = useState<string | null>(null)\n  const [updateError, setUpdateError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  useEffect(() => () => clearTimeout(debounceTimer.current), [])\n\n  useEffect(() => {\n    setSortSettings((prev) => ({\n      ...prev,\n      sortBy: searchParams.sortBy || \"name\",\n      sortDirection: searchParams.sortDirection || \"asc\",\n    }))\n    setFilterSettings((prev) => ({\n      ...prev,\n      selectedFilters: parseFiltersFromUrl(searchParams),\n    }))\n    // Only sync the input from the URL when there's no debounced search \"in flight\" — otherwise\n    // this effect would clobber characters the user typed while the debounce timer was pending.\n    if (debounceTimer.current === undefined) {\n      setLocalSearchTerm(searchParams.search || \"\")\n    }\n  }, [searchParams.sortBy, searchParams.sortDirection, searchParams.search, searchParams.shared, searchParams.stateful])\n\n  const urlFilters = parseFiltersFromUrl(searchParams)\n  const urlSortBy = (searchParams.sortBy || \"name\") as SecurityGroupSortKey\n  const urlSortDirection = searchParams.sortDirection || \"asc\"\n  const urlSearchTerm = searchParams.search || \"\"\n\n  const {\n    data: securityGroupsData,\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.securityGroup.list.useQuery(\n    {\n      project_id: projectId || \"\",\n      sort_key: urlSortBy,\n      sort_dir: urlSortDirection,\n      ...buildSecurityGroupFilterParams(urlFilters),\n      ...(urlSearchTerm ? { searchTerm: urlSearchTerm } : {}),\n    },\n    {\n      refetchOnWindowFocus: false,\n      placeholderData: (prev) => prev,\n    }\n  )\n\n  const securityGroups = securityGroupsData || []\n  const listError = isError\n    ? error?.data?.code === \"FORBIDDEN\"\n      ? t`You do not have permission to view security groups`\n      : error.message || t`Failed to Load Security Groups`\n    : null\n\n  const { permissions } = useSecurityGroupPermissions(projectId)\n\n  const createSecurityGroupMutation = trpcReact.network.securityGroup.create.useMutation({\n    onSuccess: (createdSecurityGroup) => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setCreateError(null)\n      navigate({\n        to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n        params: {\n          projectId,\n          securityGroupId: createdSecurityGroup.id,\n        },\n      })\n    },\n    onError: (error) => {\n      setCreateError(error.message || t`Failed to create security group`)\n    },\n  })\n\n  const deleteSecurityGroupMutation = trpcReact.network.securityGroup.deleteById.useMutation({\n    onSuccess: () => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setDeleteError(null)\n    },\n    onError: (error) => {\n      setDeleteError(error.message || t`Failed to delete security group`)\n      const { message, ...options } = getSecurityGroupDeleteErrorToast(error.message)\n      toast.error(message, options)\n    },\n  })\n\n  const updateSecurityGroupMutation = trpcReact.network.securityGroup.update.useMutation({\n    onSuccess: () => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setUpdateError(null)\n    },\n    onError: (error) => {\n      setUpdateError(error.message || t`Failed to update security group`)\n      const { message, ...options } = getSecurityGroupUpdateErrorToast(error.message)\n      toast.error(message, options)\n    },\n  })\n\n  const handleCreateSecurityGroup = async (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => {\n    setCreateError(null)\n    try {\n      await createSecurityGroupMutation.mutateAsync({ project_id: projectId, ...securityGroupData })\n    } catch {\n      // onError handles error state and UI feedback\n    }\n  }\n\n  const handleDeleteSecurityGroup = (securityGroupId: string) => {\n    setDeleteError(null)\n    const sgName = securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n    deleteSecurityGroupMutation.mutate(\n      { project_id: projectId, securityGroupId },\n      {\n        onSuccess: () => {\n          const { message, ...options } = getSecurityGroupDeletedToast(sgName)\n          toast.success(message, options)\n        },\n      }\n    )\n  }\n\n  const handleUpdateSecurityGroup = async (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => {\n    setUpdateError(null)\n    const sgName = data.name || securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n    try {\n      await updateSecurityGroupMutation.mutateAsync({ project_id: projectId, securityGroupId, ...data })\n      const { message, ...options } = getSecurityGroupUpdatedToast(sgName)\n      toast.success(message, options)\n    } catch {\n      // onError handles error state and UI feedback\n    }\n  }\n\n  const handleClearUpdateError = () => {\n    setUpdateError(null)\n  }\n\n  const handleSortChange = (newSortSettings: SortSettings) => {\n    const settings: RequiredSortSettings = {\n      options: newSortSettings.options,\n      sortBy: newSortSettings.sortBy?.toString() || \"name\",\n      sortDirection: newSortSettings.sortDirection || \"asc\",\n    }\n    setSortSettings(settings)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) => ({\n        ...prev,\n        sortBy: settings.sortBy,\n        sortDirection: settings.sortDirection,\n      })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  const handleFilterChange = (newFilterSettings: FilterSettings) => {\n    setFilterSettings(newFilterSettings)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) =>\n        buildUrlSearchParams(newFilterSettings.selectedFilters || [], newFilterSettings.filters, {\n          search: prev.search,\n          sortBy: prev.sortBy,\n          sortDirection: prev.sortDirection,\n        })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  const handleSearchChange = (term: string) => {\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) => ({\n        ...prev,\n        search: term || undefined,\n      })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  return (\n    <>\n      <ContentHeader title={t`Security Groups`} projectId={projectId} />\n\n      <div className=\"relative\">\n        {/* Non-blocking error banner for refetch failures with cached data */}\n        {isError && securityGroups.length > 0 && (\n          <Message variant=\"error\" className=\"mb-4\">\n            {listError}\n          </Message>\n        )}\n\n        <Stack distribution=\"end\" alignment=\"center\" gap=\"2\" className=\"pb-2\">\n          <Stack gap=\"2\">\n            <SortInput\n              options={sortSettings.options}\n              sortBy={sortSettings.sortBy}\n              sortDirection={sortSettings.sortDirection ?? \"asc\"}\n              selectClassName=\"min-w-40\"\n              onSortByChange={(v) =>\n                handleSortChange({ ...sortSettings, sortBy: v, sortDirection: sortSettings.sortDirection })\n              }\n              onSortDirectionChange={(dir) => handleSortChange({ ...sortSettings, sortDirection: dir })}\n            />\n            {permissions.canCreate && (\n              <Button onClick={() => setCreateModalOpen(true)} variant=\"primary\" className=\"whitespace-nowrap\">\n                <Trans>Create Security Group</Trans>\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n\n        <DataGridToolbar>\n          <Stack direction=\"vertical\" gap=\"2\">\n            <Stack distribution=\"between\" alignment=\"center\">\n              <FiltersInput\n                filters={filterSettings.filters}\n                selectClassName=\"sm:min-w-40\"\n                comboboxClassName=\"sm:min-w-40\"\n                onChange={(selected) => {\n                  const newSelected = applyFilterSelection(\n                    filterSettings.selectedFilters || [],\n                    selected,\n                    filterSettings.filters\n                  )\n                  if (newSelected === (filterSettings.selectedFilters || [])) return\n                  handleFilterChange({ ...filterSettings, selectedFilters: newSelected })\n                }}\n              />\n              <SearchInput\n                // The wrapper is inline-block/w-auto and the input reserves pr-16 for its icons, so at\n                // the browser's default input width this placeholder gets cut off mid-ellipsis.\n                className=\"w-60 sm:w-68\"\n                placeholder={t`Search security groups...`}\n                data-testid=\"searchbar\"\n                value={localSearchTerm}\n                onInput={(e: React.FormEvent<HTMLInputElement>) => {\n                  const v = e.currentTarget.value\n                  setLocalSearchTerm(v)\n                  clearTimeout(debounceTimer.current)\n                  debounceTimer.current = window.setTimeout(() => {\n                    debounceTimer.current = undefined\n                    handleSearchChange(v)\n                  }, SEARCH_DEBOUNCE_MS)\n                }}\n                onSearch={(v) => {\n                  clearTimeout(debounceTimer.current)\n                  debounceTimer.current = undefined\n                  handleSearchChange(typeof v === \"string\" ? v : \"\")\n                }}\n                onClear={() => {\n                  clearTimeout(debounceTimer.current)\n                  debounceTimer.current = undefined\n                  setLocalSearchTerm(\"\")\n                  handleSearchChange(\"\")\n                }}\n              />\n            </Stack>\n            {filterSettings.selectedFilters && filterSettings.selectedFilters.length > 0 && (\n              <SelectedFilters\n                selectedFilters={filterSettings.selectedFilters}\n                filters={filterSettings.filters}\n                onDelete={(filterToRemove) =>\n                  handleFilterChange({\n                    ...filterSettings,\n                    selectedFilters: (filterSettings.selectedFilters || []).filter(\n                      (f) => !(f.name === filterToRemove.name && f.value === filterToRemove.value)\n                    ),\n                  })\n                }\n                onClear={() => handleFilterChange({ ...filterSettings, selectedFilters: [] })}\n              />\n            )}\n          </Stack>\n        </DataGridToolbar>\n\n        <SecurityGroupListContainer\n          securityGroups={securityGroups}\n          isLoading={isLoading}\n          isError={isError && securityGroups.length === 0}\n          error={listError ? { message: listError } : null}\n          permissions={permissions}\n          onCreateClick={() => setCreateModalOpen(true)}\n          onDeleteSecurityGroup={handleDeleteSecurityGroup}\n          isDeletingSecurityGroup={deleteSecurityGroupMutation.isPending}\n          deleteError={deleteError}\n          onUpdateSecurityGroup={handleUpdateSecurityGroup}\n          isUpdatingSecurityGroup={updateSecurityGroupMutation.isPending}\n          updateError={updateError}\n          currentProjectId={projectId}\n          hasAnyBulkAction={false}\n          onClearUpdateError={handleClearUpdateError}\n        />\n\n        <CreateSecurityGroupModal\n          isOpen={createModalOpen}\n          onClose={() => {\n            setCreateError(null)\n            setCreateModalOpen(false)\n          }}\n          onCreate={handleCreateSecurityGroup}\n          isLoading={createSecurityGroupMutation.isPending}\n          error={createError}\n        />\n      </div>\n    </>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.list\",\n    },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Security Groups` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  return <SecurityGroups project={projectId} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"securitygroups-DXrfyuVF.mjs","names":["DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","Checkbox","SecurityGroupTableRow","securityGroup","sg","permissions","onEdit","onDelete","onViewDetails","isReadOnly","showSelectColumn","isSelected","onSelect","useLingui","BooleanValue","value","span","t","handleShowDetails","data-testid","id","onClick","className","e","stopPropagation","checked","onChange","div","p","name","description","shared","project_id","stateful","label","canUpdate","canDelete","useState","useEffect","useRef","DataGrid","DataGridCell","DataGridHeadCell","DataGridRow","Status","useNavigate","useProjectId","EditSecurityGroupModal","DeleteSecurityGroupDialog","SecurityGroupTableRow","SecurityGroupListContainer","securityGroups","isLoading","isError","error","permissions","onDeleteSecurityGroup","isDeletingSecurityGroup","deleteError","onUpdateSecurityGroup","isUpdatingSecurityGroup","updateError","currentProjectId","hasAnyBulkAction","onClearUpdateError","useLingui","navigate","projectId","selectedSecurityGroup","setSelectedSecurityGroup","editModalOpen","setEditModalOpen","deleteDialogOpen","setDeleteDialogOpen","prevIsDeletingRef","prevIsUpdatingRef","handleEdit","sg","id","handleDelete","handleViewDetails","to","params","securityGroupId","closeEditModal","closeDeleteDialog","deletionJustFinished","current","updateJustFinished","columnCount","columns","minContentColumns","t","map","label","colSpan","status","title","message","length","isReadOnly","Boolean","project_id","securityGroup","onEdit","onDelete","onViewDetails","showSelectColumn","isSelected","onSelect","body","open","onClose","onUpdate","data","Promise","resolve","isOpen","isDeleting","React","useState","Modal","Form","FormRow","FormSection","TextInput","Checkbox","Button","ButtonRow","Spinner","ModalFooter","Textarea","Message","Status","defaultSecurityGroupValues","name","description","stateful","CreateSecurityGroupModal","isOpen","onClose","onCreate","isLoading","error","useLingui","properties","setProperties","errors","setErrors","handleInputChange","e","value","type","target","checked","prev","newErrors","validateForm","trim","t","Object","keys","length","handleSubmit","preventDefault","securityGroupData","undefined","handleClose","open","onCancel","size","title","modalFooter","className","variant","onClick","disabled","data-testid","dismissible","status","id","label","onChange","required","errortext","placeholder","rows","helptext","BOOLEAN_VALUES","BOOLEAN_PARAM","true","false","isBooleanValue","value","includes","BOOLEAN_FILTER_NAMES","isBooleanFilterName","name","buildSecurityGroupFilters","labels","displayName","shared","filterName","values","valueLabels","yes","no","supportsMultiValue","stateful","buildSecurityGroupFilterParams","selectedFilters","params","selected","filter","f","inactive","at","isKnownSecurityGroupFilter","isKnownSecurityGroupFilter","parseFiltersFromUrl","searchParams","filters","shared","push","name","value","stateful","buildFilterParams","selectedFilters","filterDefinitions","params","length","filterGroups","filter","sf","inactive","reduce","acc","Object","entries","forEach","filterName","values","filterDef","find","f","supportsMultiValue","join","applyFilterSelection","current","selected","alreadySelected","some","supportsMulti","buildUrlSearchParams","baseParams","newParams","search","sortBy","sortDirection","useState","useEffect","useRef","useNavigate","useSearch","Button","Stack","DataGridToolbar","SearchInput","Message","toast","ContentHeader","trpcReact","SortInput","SelectedFilters","FiltersInput","SecurityGroupListContainer","CreateSecurityGroupModal","useSecurityGroupPermissions","parseFiltersFromUrl","buildUrlSearchParams","applyFilterSelection","buildSecurityGroupFilterParams","buildSecurityGroupFilters","getSecurityGroupDeletedToast","getSecurityGroupDeleteErrorToast","getSecurityGroupUpdatedToast","getSecurityGroupUpdateErrorToast","SEARCH_DEBOUNCE_MS","SecurityGroups","project","projectId","useLingui","navigate","searchParams","strict","sortSettings","setSortSettings","options","label","t","value","sortBy","sortDirection","filterSettings","setFilterSettings","filters","shared","stateful","yes","no","selectedFilters","localSearchTerm","setLocalSearchTerm","search","debounceTimer","undefined","createModalOpen","setCreateModalOpen","deleteError","setDeleteError","createError","setCreateError","updateError","setUpdateError","utils","useUtils","clearTimeout","current","prev","urlFilters","urlSortBy","urlSortDirection","urlSearchTerm","data","securityGroupsData","isLoading","isError","error","network","securityGroup","list","useQuery","project_id","sort_key","sort_dir","searchTerm","refetchOnWindowFocus","placeholderData","securityGroups","listError","code","message","permissions","createSecurityGroupMutation","create","useMutation","onSuccess","createdSecurityGroup","invalidate","getById","to","params","securityGroupId","id","onError","deleteSecurityGroupMutation","deleteById","updateSecurityGroupMutation","update","handleCreateSecurityGroup","securityGroupData","mutateAsync","handleDeleteSecurityGroup","sgName","find","sg","name","mutate","success","handleUpdateSecurityGroup","handleClearUpdateError","handleSortChange","newSortSettings","settings","toString","replace","handleFilterChange","newFilterSettings","handleSearchChange","term","title","div","className","length","variant","distribution","alignment","gap","selectClassName","onSortByChange","v","onSortDirectionChange","dir","canCreate","onClick","direction","comboboxClassName","onChange","selected","newSelected","placeholder","data-testid","onInput","e","currentTarget","window","setTimeout","onSearch","onClear","onDelete","filterToRemove","filter","f","onCreateClick","onDeleteSecurityGroup","isDeletingSecurityGroup","isPending","onUpdateSecurityGroup","isUpdatingSecurityGroup","currentProjectId","hasAnyBulkAction","onClearUpdateError","isOpen","onClose","onCreate","SecurityGroups","Route","RouteComponent","projectId","useParams","trpcClient","useRouteContext","Error","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/CreateSecurityGroupModal.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/filterConfig.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/urlHelpers.ts","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupsList.tsx","../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component"],"sourcesContent":["import {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n  Checkbox,\n} from \"@cloudoperators/juno-ui-components\"\nimport { useLingui, Trans } from \"@lingui/react/macro\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\n\nexport interface SecurityGroupPermissions {\n  canView: boolean\n  canCreate: boolean\n  canUpdate: boolean\n  canDelete: boolean\n  canCreateRule: boolean\n  canDeleteRule: boolean\n  canManageAccess: boolean\n  canViewRBAC: boolean\n}\n\ninterface SecurityGroupTableRowProps {\n  securityGroup: SecurityGroup\n  permissions: SecurityGroupPermissions\n  onEdit: (sg: SecurityGroup) => void\n  onDelete: (sg: SecurityGroup) => void\n  onViewDetails?: (sg: SecurityGroup) => void\n  isReadOnly?: boolean\n  showSelectColumn?: boolean\n  isSelected?: boolean\n  onSelect?: (sg: SecurityGroup) => void\n}\n\nexport function SecurityGroupTableRow({\n  securityGroup: sg,\n  permissions,\n  onEdit,\n  onDelete,\n  onViewDetails,\n  isReadOnly = false,\n  showSelectColumn = false,\n  isSelected = false,\n  onSelect,\n}: SecurityGroupTableRowProps) {\n  const { t } = useLingui()\n\n  const BooleanValue = ({ value }: { value: boolean | undefined }) => <span>{value ? t`Yes` : t`No`}</span>\n\n  const handleShowDetails = () => {\n    if (onViewDetails) {\n      onViewDetails(sg)\n    }\n  }\n\n  return (\n    <DataGridRow\n      key={sg.id}\n      data-testid={`security-group-row-${sg.id}`}\n      onClick={handleShowDetails}\n      className=\"hover:bg-theme-background-lvl-2 cursor-pointer\"\n    >\n      {showSelectColumn && (\n        <DataGridCell onClick={(e) => e.stopPropagation()}>\n          <Checkbox checked={isSelected} onChange={() => onSelect?.(sg)} />\n        </DataGridCell>\n      )}\n      <DataGridCell>\n        <div>\n          <p className=\"text-md\">{sg.name}</p>\n        </div>\n      </DataGridCell>\n      <DataGridCell>{sg.description || t`—`}</DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.shared} />\n        {sg.shared && (\n          <p>\n            <Trans>Owner</Trans>: <span className=\"text-theme-light text-xs\">{sg.project_id}</span>\n          </p>\n        )}\n      </DataGridCell>\n      <DataGridCell>\n        <BooleanValue value={sg.stateful ?? true} />\n      </DataGridCell>\n      <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n        <PopupMenu>\n          <PopupMenuOptions>\n            <PopupMenuItem label={t`Show Details`} onClick={() => handleShowDetails()} />\n            {permissions.canUpdate && !isReadOnly && <PopupMenuItem label={t`Edit Group`} onClick={() => onEdit(sg)} />}\n            {permissions.canDelete && !isReadOnly && (\n              <PopupMenuItem label={t`Delete Group`} onClick={() => onDelete(sg)} />\n            )}\n          </PopupMenuOptions>\n        </PopupMenu>\n      </DataGridCell>\n    </DataGridRow>\n  )\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { DataGrid, DataGridCell, DataGridHeadCell, DataGridRow, Status } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { useNavigate } from \"@tanstack/react-router\"\nimport { useProjectId } from \"@/client/hooks\"\nimport type { SecurityGroup } from \"@/server/Network/types/securityGroup\"\nimport type { UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { EditSecurityGroupModal } from \"./-modals/EditSecurityGroupModal\"\nimport { DeleteSecurityGroupDialog } from \"./-modals/DeleteSecurityGroupDialog\"\nimport { SecurityGroupTableRow, type SecurityGroupPermissions } from \"./SecurityGroupTableRow\"\n\ninterface SecurityGroupListContainerProps {\n  securityGroups: SecurityGroup[]\n  isLoading: boolean\n  isError: boolean\n  error: { message?: string } | null\n  permissions: SecurityGroupPermissions\n  onCreateClick?: () => void\n  onDeleteSecurityGroup?: (securityGroupId: string) => void\n  isDeletingSecurityGroup?: boolean\n  deleteError?: string | null\n  onUpdateSecurityGroup?: (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => Promise<void>\n  isUpdatingSecurityGroup?: boolean\n  updateError?: string | null\n  currentProjectId?: string\n  hasAnyBulkAction?: boolean\n  onClearUpdateError?: () => void\n}\n\nexport const SecurityGroupListContainer = ({\n  securityGroups,\n  isLoading,\n  isError,\n  error,\n  permissions,\n  onDeleteSecurityGroup,\n  isDeletingSecurityGroup = false,\n  deleteError = null,\n  onUpdateSecurityGroup,\n  isUpdatingSecurityGroup = false,\n  updateError = null,\n  currentProjectId,\n  hasAnyBulkAction = false,\n  onClearUpdateError,\n}: SecurityGroupListContainerProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [selectedSecurityGroup, setSelectedSecurityGroup] = useState<SecurityGroup | null>(null)\n  const [editModalOpen, setEditModalOpen] = useState(false)\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false)\n  const prevIsDeletingRef = useRef<boolean>(false)\n  const prevIsUpdatingRef = useRef<boolean>(false)\n\n  const handleEdit = (sg: SecurityGroup) => {\n    // Clear error when selecting a different security group\n    if (selectedSecurityGroup && selectedSecurityGroup.id !== sg.id && onClearUpdateError) {\n      onClearUpdateError()\n    }\n    setSelectedSecurityGroup(sg)\n    setEditModalOpen(true)\n  }\n\n  const handleDelete = (sg: SecurityGroup) => {\n    setSelectedSecurityGroup(sg)\n    setDeleteDialogOpen(true)\n  }\n\n  const handleViewDetails = (sg: SecurityGroup) => {\n    navigate({\n      to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n      params: { projectId, securityGroupId: sg.id },\n    })\n  }\n\n  const closeEditModal = () => {\n    setSelectedSecurityGroup(null)\n    setEditModalOpen(false)\n  }\n\n  const closeDeleteDialog = () => {\n    setSelectedSecurityGroup(null)\n    setDeleteDialogOpen(false)\n  }\n\n  // Close delete dialog when deletion completes successfully\n  useEffect(() => {\n    // Check if deletion just finished (was deleting before, now not deleting)\n    const deletionJustFinished = prevIsDeletingRef.current && !isDeletingSecurityGroup\n\n    // Close dialog if deletion just finished and there's no error\n    if (deletionJustFinished && deleteDialogOpen && !deleteError) {\n      closeDeleteDialog()\n    }\n\n    // Update the ref for next render\n    prevIsDeletingRef.current = isDeletingSecurityGroup\n  }, [isDeletingSecurityGroup, deleteError, deleteDialogOpen])\n\n  // Close edit modal when update completes successfully\n  useEffect(() => {\n    // Check if update just finished (was updating before, now not updating)\n    const updateJustFinished = prevIsUpdatingRef.current && !isUpdatingSecurityGroup\n\n    // Close modal if update just finished and there's no error\n    if (updateJustFinished && editModalOpen && !updateError) {\n      closeEditModal()\n    }\n\n    // Update the ref for next render\n    prevIsUpdatingRef.current = isUpdatingSecurityGroup\n  }, [isUpdatingSecurityGroup, updateError, editModalOpen])\n\n  const columnCount = hasAnyBulkAction ? 6 : 5\n\n  return (\n    <>\n      <DataGrid columns={columnCount} minContentColumns={hasAnyBulkAction ? [5] : [4]}>\n        <DataGridRow>\n          {hasAnyBulkAction && <DataGridHeadCell />}\n          {[t`Name`, t`Description`, t`Shared`, t`Stateful`, \"\"].map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n\n        {isLoading ? (\n          <DataGridRow>\n            <DataGridCell colSpan={columnCount}>\n              <Status status=\"progress\" title={t`Loading...`} />\n            </DataGridCell>\n          </DataGridRow>\n        ) : isError ? (\n          <DataGridRow>\n            <DataGridCell colSpan={columnCount}>\n              <Status status=\"error\" title={error?.message ?? t`Failed to Load Security Groups`} />\n            </DataGridCell>\n          </DataGridRow>\n        ) : securityGroups.length > 0 ? (\n          securityGroups.map((sg) => {\n            // Compute isReadOnly only when the security group has an explicit project owner\n            const isReadOnly = Boolean(currentProjectId && sg.project_id && sg.project_id !== currentProjectId)\n\n            return (\n              <SecurityGroupTableRow\n                key={sg.id}\n                securityGroup={sg}\n                permissions={permissions}\n                onEdit={handleEdit}\n                onDelete={handleDelete}\n                onViewDetails={handleViewDetails}\n                isReadOnly={isReadOnly}\n                showSelectColumn={hasAnyBulkAction}\n                isSelected={false}\n                onSelect={() => {}}\n              />\n            )\n          })\n        ) : (\n          <DataGridRow>\n            <DataGridCell colSpan={columnCount}>\n              <Status\n                status=\"empty\"\n                title={t`No security groups found`}\n                body={t`There are no security groups available for this project with the current filters applied. Try adjusting your filter criteria or create a new security group to get started.`}\n              />\n            </DataGridCell>\n          </DataGridRow>\n        )}\n      </DataGrid>\n\n      {selectedSecurityGroup && (\n        <>\n          <EditSecurityGroupModal\n            securityGroup={selectedSecurityGroup}\n            open={editModalOpen}\n            onClose={closeEditModal}\n            onUpdate={(id, data) => {\n              if (onUpdateSecurityGroup) {\n                return onUpdateSecurityGroup(id, data)\n              }\n              return Promise.resolve()\n            }}\n            isLoading={isUpdatingSecurityGroup}\n            error={updateError}\n          />\n          <DeleteSecurityGroupDialog\n            securityGroup={selectedSecurityGroup}\n            isOpen={deleteDialogOpen}\n            onClose={closeDeleteDialog}\n            onDelete={(id) => {\n              if (onDeleteSecurityGroup) {\n                onDeleteSecurityGroup(id)\n              }\n            }}\n            isDeleting={isDeletingSecurityGroup}\n            error={deleteError}\n          />\n        </>\n      )}\n    </>\n  )\n}\n","import React, { useState } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport {\n  Modal,\n  Form,\n  FormRow,\n  FormSection,\n  TextInput,\n  Checkbox,\n  Button,\n  ButtonRow,\n  Spinner,\n  ModalFooter,\n  Textarea,\n  Message,\n  Status,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\n\ninterface CreateSecurityGroupModalProps {\n  isOpen: boolean\n  onClose: () => void\n  onCreate: (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => Promise<void>\n  isLoading?: boolean\n  error?: string | null\n}\n\ninterface SecurityGroupProperties {\n  name: string\n  description: string\n  stateful: boolean\n}\n\nconst defaultSecurityGroupValues: SecurityGroupProperties = {\n  name: \"\",\n  description: \"\",\n  stateful: true,\n}\n\nexport const CreateSecurityGroupModal: React.FC<CreateSecurityGroupModalProps> = ({\n  isOpen,\n  onClose,\n  onCreate,\n  isLoading = false,\n  error = null,\n}) => {\n  const { t } = useLingui()\n\n  const [properties, setProperties] = useState<SecurityGroupProperties>({ ...defaultSecurityGroupValues })\n  const [errors, setErrors] = useState<{ [key: string]: string }>({})\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const { name, value, type } = e.target\n    const checked = (e.target as HTMLInputElement).checked\n\n    setProperties((prev) => ({\n      ...prev,\n      [name]: type === \"checkbox\" ? checked : value,\n    }))\n\n    if (errors[name]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[name]\n        return newErrors\n      })\n    }\n  }\n\n  const validateForm = (): boolean => {\n    const newErrors: { [key: string]: string } = {}\n\n    if (!properties.name || properties.name.trim() === \"\") {\n      newErrors.name = t`Security group name is required`\n    }\n\n    setErrors(newErrors)\n    return Object.keys(newErrors).length === 0\n  }\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n\n    if (!validateForm()) {\n      return\n    }\n\n    const securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\"> = {\n      name: properties.name.trim(),\n      description: properties.description.trim() || undefined,\n      stateful: properties.stateful,\n    }\n\n    await onCreate(securityGroupData)\n    handleClose()\n  }\n\n  const handleClose = () => {\n    setProperties({ ...defaultSecurityGroupValues })\n    setErrors({})\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={isOpen}\n      onCancel={handleClose}\n      size=\"large\"\n      title={t`Create Security Group`}\n      modalFooter={\n        <ModalFooter className=\"flex justify-end\">\n          <ButtonRow>\n            <Button variant=\"default\" onClick={handleClose} disabled={isLoading}>\n              <Trans>Cancel</Trans>\n            </Button>\n            <Button\n              variant=\"primary\"\n              onClick={(e) => {\n                handleSubmit(e)\n              }}\n              disabled={isLoading}\n              data-testid=\"create-security-group-button\"\n            >\n              {isLoading ? <Spinner size=\"small\" /> : <Trans>Create Security Group</Trans>}\n            </Button>\n          </ButtonRow>\n        </ModalFooter>\n      }\n    >\n      {/* Error Message */}\n      {error && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {error}\n        </Message>\n      )}\n\n      {isLoading && <Status status=\"progress\" title={t`Creating Security Group...`} className=\"mt-0\" />}\n\n      {!isLoading && (\n        <Form className=\"mb-6\">\n          <FormSection className=\"mb-6\">\n            <FormRow className=\"mb-6\">\n              <TextInput\n                id=\"name\"\n                name=\"name\"\n                label={t`Name`}\n                value={properties.name}\n                onChange={handleInputChange}\n                required\n                errortext={errors.name}\n                placeholder={t`Type name`}\n                disabled={isLoading}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-6\">\n              <Textarea\n                id=\"description\"\n                name=\"description\"\n                label={t`Description`}\n                value={properties.description}\n                onChange={handleInputChange}\n                placeholder={t`Description`}\n                disabled={isLoading}\n                rows={3}\n              />\n            </FormRow>\n\n            <FormRow className=\"mb-0\">\n              <Checkbox\n                id=\"stateful\"\n                name=\"stateful\"\n                label={t`Stateful`}\n                checked={properties.stateful}\n                onChange={handleInputChange}\n                disabled={isLoading}\n                helptext={t`Stateful security groups track connection state. This setting cannot be changed after creation.`}\n              />\n            </FormRow>\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import type { ListSecurityGroupsInput } from \"@/server/Network/types/securityGroup\"\nimport type { Filter, SelectedFilter } from \"@/client/components/ListToolbar/types\"\n\n/** Filter params this list may send to network.securityGroup.list. Names AND types come from the tRPC input schema. */\nexport type SecurityGroupFilterParams = Partial<Pick<ListSecurityGroupsInput, \"shared\" | \"stateful\">>\nexport type SecurityGroupFilterName = keyof SecurityGroupFilterParams\n\nconst BOOLEAN_VALUES = [\"true\", \"false\"] as const\ntype BooleanValue = (typeof BOOLEAN_VALUES)[number]\n\n// Maps the raw string value carried in the URL/pill to the typed value sent to the tRPC procedure.\n// If a server-side field ever changes type (e.g. to a string enum), this mapping fails to compile,\n// surfacing the mismatch at build time instead of at runtime.\nconst BOOLEAN_PARAM: Record<BooleanValue, boolean> = {\n  true: true,\n  false: false,\n}\n\nconst isBooleanValue = (value: string): value is BooleanValue => (BOOLEAN_VALUES as readonly string[]).includes(value)\n\nconst BOOLEAN_FILTER_NAMES = [\"shared\", \"stateful\"] as const satisfies readonly SecurityGroupFilterName[]\ntype BooleanFilterName = (typeof BOOLEAN_FILTER_NAMES)[number]\n\nconst isBooleanFilterName = (name: string): name is BooleanFilterName =>\n  (BOOLEAN_FILTER_NAMES as readonly string[]).includes(name)\n\n/**\n * Builds the Filter definitions for the Security Groups list toolbar.\n * Labels are passed in (rather than resolved via `t` here) so this module stays plain\n * data/logic and can be unit-tested without an I18nProvider.\n */\nexport const buildSecurityGroupFilters = (labels: {\n  shared: string\n  stateful: string\n  yes: string\n  no: string\n}): Filter[] => [\n  {\n    displayName: labels.shared,\n    filterName: \"shared\" satisfies SecurityGroupFilterName,\n    values: [...BOOLEAN_VALUES],\n    valueLabels: { true: labels.yes, false: labels.no },\n    supportsMultiValue: false,\n  },\n  {\n    displayName: labels.stateful,\n    filterName: \"stateful\" satisfies SecurityGroupFilterName,\n    values: [...BOOLEAN_VALUES],\n    valueLabels: { true: labels.yes, false: labels.no },\n    supportsMultiValue: false,\n  },\n]\n\n/**\n * Builds the typed filter params sent to `network.securityGroup.list` from the currently\n * selected filters. Unlike the generic `Record<string, string>` builder, the return type here\n * is checked by the compiler against the tRPC input schema when spread into the query input.\n */\nexport const buildSecurityGroupFilterParams = (selectedFilters: SelectedFilter[]): SecurityGroupFilterParams => {\n  const params: SecurityGroupFilterParams = {}\n\n  for (const name of BOOLEAN_FILTER_NAMES) {\n    // Single-value filters: the toolbar replaces an earlier selection, but the URL may still\n    // carry more than one entry, in which case the last one wins.\n    const selected = selectedFilters.filter((f) => !f.inactive && f.name === name).at(-1)\n\n    if (selected && isBooleanValue(selected.value)) {\n      params[name] = BOOLEAN_PARAM[selected.value]\n    }\n  }\n\n  return params\n}\n\n/** Whether a raw URL value is a known, valid value for the given Security Groups filter name. */\nexport const isKnownSecurityGroupFilter = (name: string, value: string): boolean =>\n  isBooleanFilterName(name) && isBooleanValue(value)\n","import { SelectedFilter, Filter } from \"@/client/components/ListToolbar/types\"\nimport { isKnownSecurityGroupFilter } from \"./filterConfig\"\n\ntype SecurityGroupsSearchParams = {\n  shared?: string\n  stateful?: string\n  search?: string\n  sortBy?: string\n  sortDirection?: \"asc\" | \"desc\"\n}\n\n/**\n * Parses URL search params into SelectedFilter array for ListToolbar\n */\nexport const parseFiltersFromUrl = (searchParams: SecurityGroupsSearchParams): SelectedFilter[] => {\n  const filters: SelectedFilter[] = []\n\n  // Shared filter\n  if (searchParams.shared && isKnownSecurityGroupFilter(\"shared\", searchParams.shared)) {\n    filters.push({ name: \"shared\", value: searchParams.shared })\n  }\n\n  // Stateful filter\n  if (searchParams.stateful && isKnownSecurityGroupFilter(\"stateful\", searchParams.stateful)) {\n    filters.push({ name: \"stateful\", value: searchParams.stateful })\n  }\n\n  return filters\n}\n\n/**\n * Builds filter parameters for API request from SelectedFilter array\n */\nexport const buildFilterParams = (\n  selectedFilters: SelectedFilter[],\n  filterDefinitions: Filter[]\n): Record<string, string> => {\n  const params: Record<string, string> = {}\n\n  if (!selectedFilters?.length) return params\n\n  // Group selected filters by filter name\n  const filterGroups = selectedFilters\n    .filter((sf) => !sf.inactive)\n    .reduce(\n      (acc, sf) => {\n        if (!acc[sf.name]) acc[sf.name] = []\n        acc[sf.name].push(sf.value)\n        return acc\n      },\n      {} as Record<string, string[]>\n    )\n\n  // Build parameters based on whether filter supports multiple values\n  Object.entries(filterGroups).forEach(([filterName, values]) => {\n    const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n    if (filterDef?.supportsMultiValue && values.length > 1) {\n      params[filterName] = `in:${values.join(\",\")}`\n    } else {\n      params[filterName] = values[0]\n    }\n  })\n\n  return params\n}\n\n/**\n * Merges a newly selected filter into the current list.\n * - Ignores duplicates (same name + value).\n * - For single-value filters, replaces any existing entry with the same name.\n * - For multi-value filters, appends.\n */\nexport const applyFilterSelection = (\n  current: SelectedFilter[],\n  selected: SelectedFilter,\n  filterDefinitions: Filter[]\n): SelectedFilter[] => {\n  const alreadySelected = current.some((f) => f.name === selected.name && f.value === selected.value)\n  if (alreadySelected) return current\n\n  const supportsMulti = filterDefinitions.find((f) => f.filterName === selected.name)?.supportsMultiValue\n  return supportsMulti ? [...current, selected] : [...current.filter((f) => f.name !== selected.name), selected]\n}\n\n/**\n * Builds URL search params object from filter settings for navigation\n */\nexport const buildUrlSearchParams = (\n  selectedFilters: SelectedFilter[],\n  filterDefinitions: Filter[],\n  baseParams: {\n    search?: string\n    sortBy?: string\n    sortDirection?: \"asc\" | \"desc\"\n  }\n): SecurityGroupsSearchParams => {\n  const newParams: SecurityGroupsSearchParams = {\n    search: baseParams.search,\n    sortBy: baseParams.sortBy,\n    sortDirection: baseParams.sortDirection,\n  }\n\n  if (!selectedFilters?.length) return newParams\n\n  const filterGroups = selectedFilters\n    .filter((sf) => !sf.inactive)\n    .reduce(\n      (acc, sf) => {\n        if (!acc[sf.name]) acc[sf.name] = []\n        acc[sf.name].push(sf.value)\n        return acc\n      },\n      {} as Record<string, string[]>\n    )\n\n  Object.entries(filterGroups).forEach(([filterName, values]) => {\n    const filterDef = filterDefinitions.find((f) => f.filterName === filterName)\n\n    if (filterDef?.supportsMultiValue && values.length > 1) {\n      // Type assertion needed because we're dynamically setting filter fields\n      ;(newParams as Record<string, string>)[filterName] = `in:${values.join(\",\")}`\n    } else {\n      ;(newParams as Record<string, string>)[filterName] = values[0]\n    }\n  })\n\n  return newParams\n}\n","import { useState, useEffect, useRef } from \"react\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { useNavigate, useSearch } from \"@tanstack/react-router\"\nimport { Button, Stack, DataGridToolbar, SearchInput, Message, toast } from \"@cloudoperators/juno-ui-components\"\nimport { CreateSecurityGroupInput, UpdateSecurityGroupInput } from \"@/server/Network/types/securityGroup\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { SortInput } from \"@/client/components/ListToolbar/SortInput\"\nimport { SelectedFilters } from \"@/client/components/ListToolbar/SelectedFilters\"\nimport { FiltersInput } from \"@/client/components/ListToolbar/FiltersInput\"\nimport { FilterSettings, SortSettings } from \"@/client/components/ListToolbar/types\"\nimport { SecurityGroupListContainer } from \"./SecurityGroupListContainer\"\nimport { CreateSecurityGroupModal } from \"./-modals/CreateSecurityGroupModal\"\nimport { useSecurityGroupPermissions } from \"../-hooks/useSecurityGroupPermissions\"\nimport { parseFiltersFromUrl, buildUrlSearchParams, applyFilterSelection } from \"../urlHelpers\"\nimport { buildSecurityGroupFilterParams, buildSecurityGroupFilters } from \"../filterConfig\"\nimport {\n  getSecurityGroupDeletedToast,\n  getSecurityGroupDeleteErrorToast,\n  getSecurityGroupUpdatedToast,\n  getSecurityGroupUpdateErrorToast,\n} from \"./SecurityGroupToastNotifications\"\n\nconst SEARCH_DEBOUNCE_MS = 500\n\ntype SecurityGroupSortKey = \"name\" | \"project_id\"\n\ntype SecurityGroupsSearchParams = {\n  shared?: string\n  stateful?: string\n  search?: string\n  sortBy?: string\n  sortDirection?: \"asc\" | \"desc\"\n}\n\ntype RequiredSortSettings = {\n  options: SortSettings[\"options\"]\n  sortBy: string\n  sortDirection: \"asc\" | \"desc\"\n}\n\ninterface SecurityGroupsProps {\n  project: string\n}\n\nexport const SecurityGroups = ({ project: projectId }: SecurityGroupsProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const searchParams = useSearch({ strict: false }) as SecurityGroupsSearchParams\n\n  const [sortSettings, setSortSettings] = useState<RequiredSortSettings>({\n    options: [{ label: t`Name`, value: \"name\" }],\n    sortBy: searchParams.sortBy || \"name\",\n    sortDirection: searchParams.sortDirection || \"asc\",\n  })\n\n  const [filterSettings, setFilterSettings] = useState<FilterSettings>({\n    filters: buildSecurityGroupFilters({ shared: t`Shared`, stateful: t`Stateful`, yes: t`Yes`, no: t`No` }),\n    selectedFilters: parseFiltersFromUrl(searchParams),\n  })\n\n  const [localSearchTerm, setLocalSearchTerm] = useState(searchParams.search || \"\")\n  const debounceTimer = useRef<number | undefined>(undefined)\n  const [createModalOpen, setCreateModalOpen] = useState(false)\n  const [deleteError, setDeleteError] = useState<string | null>(null)\n  const [createError, setCreateError] = useState<string | null>(null)\n  const [updateError, setUpdateError] = useState<string | null>(null)\n\n  const utils = trpcReact.useUtils()\n\n  useEffect(() => () => clearTimeout(debounceTimer.current), [])\n\n  useEffect(() => {\n    setSortSettings((prev) => ({\n      ...prev,\n      sortBy: searchParams.sortBy || \"name\",\n      sortDirection: searchParams.sortDirection || \"asc\",\n    }))\n    setFilterSettings((prev) => ({\n      ...prev,\n      selectedFilters: parseFiltersFromUrl(searchParams),\n    }))\n    // Only sync the input from the URL when there's no debounced search \"in flight\" — otherwise\n    // this effect would clobber characters the user typed while the debounce timer was pending.\n    if (debounceTimer.current === undefined) {\n      setLocalSearchTerm(searchParams.search || \"\")\n    }\n  }, [searchParams.sortBy, searchParams.sortDirection, searchParams.search, searchParams.shared, searchParams.stateful])\n\n  const urlFilters = parseFiltersFromUrl(searchParams)\n  const urlSortBy = (searchParams.sortBy || \"name\") as SecurityGroupSortKey\n  const urlSortDirection = searchParams.sortDirection || \"asc\"\n  const urlSearchTerm = searchParams.search || \"\"\n\n  const {\n    data: securityGroupsData,\n    isLoading,\n    isError,\n    error,\n  } = trpcReact.network.securityGroup.list.useQuery(\n    {\n      project_id: projectId || \"\",\n      sort_key: urlSortBy,\n      sort_dir: urlSortDirection,\n      ...buildSecurityGroupFilterParams(urlFilters),\n      ...(urlSearchTerm ? { searchTerm: urlSearchTerm } : {}),\n    },\n    {\n      refetchOnWindowFocus: false,\n      placeholderData: (prev) => prev,\n    }\n  )\n\n  const securityGroups = securityGroupsData || []\n  const listError = isError\n    ? error?.data?.code === \"FORBIDDEN\"\n      ? t`You do not have permission to view security groups`\n      : error.message || t`Failed to Load Security Groups`\n    : null\n\n  const { permissions } = useSecurityGroupPermissions(projectId)\n\n  const createSecurityGroupMutation = trpcReact.network.securityGroup.create.useMutation({\n    onSuccess: (createdSecurityGroup) => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setCreateError(null)\n      navigate({\n        to: \"/projects/$projectId/network/securitygroups/$securityGroupId\",\n        params: {\n          projectId,\n          securityGroupId: createdSecurityGroup.id,\n        },\n      })\n    },\n    onError: (error) => {\n      setCreateError(error.message || t`Failed to create security group`)\n    },\n  })\n\n  const deleteSecurityGroupMutation = trpcReact.network.securityGroup.deleteById.useMutation({\n    onSuccess: () => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setDeleteError(null)\n    },\n    onError: (error) => {\n      setDeleteError(error.message || t`Failed to delete security group`)\n      const { message, ...options } = getSecurityGroupDeleteErrorToast(error.message)\n      toast.error(message, options)\n    },\n  })\n\n  const updateSecurityGroupMutation = trpcReact.network.securityGroup.update.useMutation({\n    onSuccess: () => {\n      utils.network.securityGroup.list.invalidate()\n      utils.network.securityGroup.getById.invalidate()\n      setUpdateError(null)\n    },\n    onError: (error) => {\n      setUpdateError(error.message || t`Failed to update security group`)\n      const { message, ...options } = getSecurityGroupUpdateErrorToast(error.message)\n      toast.error(message, options)\n    },\n  })\n\n  const handleCreateSecurityGroup = async (securityGroupData: Omit<CreateSecurityGroupInput, \"project_id\">) => {\n    setCreateError(null)\n    try {\n      await createSecurityGroupMutation.mutateAsync({ project_id: projectId, ...securityGroupData })\n    } catch {\n      // onError handles error state and UI feedback\n    }\n  }\n\n  const handleDeleteSecurityGroup = (securityGroupId: string) => {\n    setDeleteError(null)\n    const sgName = securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n    deleteSecurityGroupMutation.mutate(\n      { project_id: projectId, securityGroupId },\n      {\n        onSuccess: () => {\n          const { message, ...options } = getSecurityGroupDeletedToast(sgName)\n          toast.success(message, options)\n        },\n      }\n    )\n  }\n\n  const handleUpdateSecurityGroup = async (\n    securityGroupId: string,\n    data: Omit<UpdateSecurityGroupInput, \"securityGroupId\" | \"project_id\">\n  ) => {\n    setUpdateError(null)\n    const sgName = data.name || securityGroups.find((sg) => sg.id === securityGroupId)?.name || securityGroupId\n    try {\n      await updateSecurityGroupMutation.mutateAsync({ project_id: projectId, securityGroupId, ...data })\n      const { message, ...options } = getSecurityGroupUpdatedToast(sgName)\n      toast.success(message, options)\n    } catch {\n      // onError handles error state and UI feedback\n    }\n  }\n\n  const handleClearUpdateError = () => {\n    setUpdateError(null)\n  }\n\n  const handleSortChange = (newSortSettings: SortSettings) => {\n    const settings: RequiredSortSettings = {\n      options: newSortSettings.options,\n      sortBy: newSortSettings.sortBy?.toString() || \"name\",\n      sortDirection: newSortSettings.sortDirection || \"asc\",\n    }\n    setSortSettings(settings)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) => ({\n        ...prev,\n        sortBy: settings.sortBy,\n        sortDirection: settings.sortDirection,\n      })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  const handleFilterChange = (newFilterSettings: FilterSettings) => {\n    setFilterSettings(newFilterSettings)\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) =>\n        buildUrlSearchParams(newFilterSettings.selectedFilters || [], newFilterSettings.filters, {\n          search: prev.search,\n          sortBy: prev.sortBy,\n          sortDirection: prev.sortDirection,\n        })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  const handleSearchChange = (term: string) => {\n    navigate({\n      search: ((prev: SecurityGroupsSearchParams) => ({\n        ...prev,\n        search: term || undefined,\n      })) as unknown as true,\n      replace: true,\n    })\n  }\n\n  return (\n    <>\n      <ContentHeader title={t`Security Groups`} projectId={projectId} />\n\n      <div className=\"relative\">\n        {/* Non-blocking error banner for refetch failures with cached data */}\n        {isError && securityGroups.length > 0 && (\n          <Message variant=\"error\" className=\"mb-4\">\n            {listError}\n          </Message>\n        )}\n\n        <Stack distribution=\"end\" alignment=\"center\" gap=\"2\" className=\"pb-2\">\n          <Stack gap=\"2\">\n            <SortInput\n              options={sortSettings.options}\n              sortBy={sortSettings.sortBy}\n              sortDirection={sortSettings.sortDirection ?? \"asc\"}\n              selectClassName=\"min-w-40\"\n              onSortByChange={(v) =>\n                handleSortChange({ ...sortSettings, sortBy: v, sortDirection: sortSettings.sortDirection })\n              }\n              onSortDirectionChange={(dir) => handleSortChange({ ...sortSettings, sortDirection: dir })}\n            />\n            {permissions.canCreate && (\n              <Button onClick={() => setCreateModalOpen(true)} variant=\"primary\" className=\"whitespace-nowrap\">\n                <Trans>Create Security Group</Trans>\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n\n        <DataGridToolbar>\n          <Stack direction=\"vertical\" gap=\"2\">\n            <Stack distribution=\"between\" alignment=\"center\">\n              <FiltersInput\n                filters={filterSettings.filters}\n                selectClassName=\"sm:min-w-40\"\n                comboboxClassName=\"sm:min-w-40\"\n                onChange={(selected) => {\n                  const newSelected = applyFilterSelection(\n                    filterSettings.selectedFilters || [],\n                    selected,\n                    filterSettings.filters\n                  )\n                  if (newSelected === (filterSettings.selectedFilters || [])) return\n                  handleFilterChange({ ...filterSettings, selectedFilters: newSelected })\n                }}\n              />\n              <SearchInput\n                // The wrapper is inline-block/w-auto and the input reserves pr-16 for its icons, so at\n                // the browser's default input width this placeholder gets cut off mid-ellipsis.\n                className=\"w-60 sm:w-68\"\n                placeholder={t`Search security groups...`}\n                data-testid=\"searchbar\"\n                value={localSearchTerm}\n                onInput={(e: React.FormEvent<HTMLInputElement>) => {\n                  const v = e.currentTarget.value\n                  setLocalSearchTerm(v)\n                  clearTimeout(debounceTimer.current)\n                  debounceTimer.current = window.setTimeout(() => {\n                    debounceTimer.current = undefined\n                    handleSearchChange(v)\n                  }, SEARCH_DEBOUNCE_MS)\n                }}\n                onSearch={(v) => {\n                  clearTimeout(debounceTimer.current)\n                  debounceTimer.current = undefined\n                  handleSearchChange(typeof v === \"string\" ? v : \"\")\n                }}\n                onClear={() => {\n                  clearTimeout(debounceTimer.current)\n                  debounceTimer.current = undefined\n                  setLocalSearchTerm(\"\")\n                  handleSearchChange(\"\")\n                }}\n              />\n            </Stack>\n            {filterSettings.selectedFilters && filterSettings.selectedFilters.length > 0 && (\n              <SelectedFilters\n                selectedFilters={filterSettings.selectedFilters}\n                filters={filterSettings.filters}\n                onDelete={(filterToRemove) =>\n                  handleFilterChange({\n                    ...filterSettings,\n                    selectedFilters: (filterSettings.selectedFilters || []).filter(\n                      (f) => !(f.name === filterToRemove.name && f.value === filterToRemove.value)\n                    ),\n                  })\n                }\n                onClear={() => handleFilterChange({ ...filterSettings, selectedFilters: [] })}\n              />\n            )}\n          </Stack>\n        </DataGridToolbar>\n\n        <SecurityGroupListContainer\n          securityGroups={securityGroups}\n          isLoading={isLoading}\n          isError={isError && securityGroups.length === 0}\n          error={listError ? { message: listError } : null}\n          permissions={permissions}\n          onCreateClick={() => setCreateModalOpen(true)}\n          onDeleteSecurityGroup={handleDeleteSecurityGroup}\n          isDeletingSecurityGroup={deleteSecurityGroupMutation.isPending}\n          deleteError={deleteError}\n          onUpdateSecurityGroup={handleUpdateSecurityGroup}\n          isUpdatingSecurityGroup={updateSecurityGroupMutation.isPending}\n          updateError={updateError}\n          currentProjectId={projectId}\n          hasAnyBulkAction={false}\n          onClearUpdateError={handleClearUpdateError}\n        />\n\n        <CreateSecurityGroupModal\n          isOpen={createModalOpen}\n          onClose={() => {\n            setCreateError(null)\n            setCreateModalOpen(false)\n          }}\n          onCreate={handleCreateSecurityGroup}\n          isLoading={createSecurityGroupMutation.isPending}\n          error={createError}\n        />\n      </div>\n    </>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { t } from \"@lingui/core/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    analytics: {\n      name: \"network.securitygroups.list\",\n    },\n  } satisfies RouteInfo,\n  head: () => ({ meta: [{ title: t`Security Groups` }] }),\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { projectId } = Route.useParams()\n  const { trpcClient } = Route.useRouteContext()\n\n  if (!trpcClient) {\n    throw new Error(\"trpcClient is not available in route context\")\n  }\n\n  return <SecurityGroups project={projectId} />\n}\n"],"mappings":"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"}

package/dist/client/{securitygroups-Cs2Op-tu.mjs → securitygroups-WLB1_IM6.mjs}

@@ -1,6 +1,6 @@
 import { i as e } from "./build-WuxXRAqf.mjs";
-import { t } from "./securitygroups-CdN4yAAw.mjs";
-import { t as n } from "./RouteIdLevelDefaultError-CSseJ1yG.mjs";
+import { t } from "./securitygroups-o0IXZM6S.mjs";
+import { t as n } from "./RouteIdLevelDefaultError-DPF_x2tG.mjs";
 import { jsx as r } from "react/jsx-runtime";
 import { useNavigate as i } from "@tanstack/react-router";
 import { useLingui as a } from "@lingui/react";
@@ -19,4 +19,4 @@ var o = () => {
 //#endregion
 export { o as errorComponent };
 
-//# sourceMappingURL=securitygroups-Cs2Op-tu.mjs.map
+//# sourceMappingURL=securitygroups-WLB1_IM6.mjs.map

package/dist/client/{securitygroups-Cs2Op-tu.mjs.map → securitygroups-WLB1_IM6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"securitygroups-Cs2Op-tu.mjs","names":["useNavigate","RouteIdLevelDefaultError","Button","useLingui","SecurityGroupsErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n        >\n          {t`Back to Security Groups`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    crumb: { text: msg`Security Groups` },\n  } satisfies RouteInfo,\n  component: () => <Outlet />,\n  // Render errors from the security groups subtree inside the project layout\n  // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n  errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";;;;;;;AAOA,IAAMI,UAA+BA;CACnC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQD,EAAAA,GACRG,IAAWN,EAAAA,GACX,EAAEO,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAA+CC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAElGF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}
+{"version":3,"file":"securitygroups-WLB1_IM6.mjs","names":["useNavigate","RouteIdLevelDefaultError","Button","useLingui","SecurityGroupsErrorComponent","t","navigate","projectId","Route","useParams","to","params","errorComponent"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n        >\n          {t`Back to Security Groups`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    crumb: { text: msg`Security Groups` },\n  } satisfies RouteInfo,\n  component: () => <Outlet />,\n  // Render errors from the security groups subtree inside the project layout\n  // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n  errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";;;;;;;AAOA,IAAMI,UAA+BA;CACnC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQD,EAAAA,GACRG,IAAWN,EAAAA,GACX,EAAEO,iBAAcC,EAAMC,UAAS;CAErC,OACE,gBAAC,GAAA,EACC,QACE,gBAAC,GAAA;EACC,SAAQ;EACR,eAAeH,EAAS;GAAEI,IAAI;GAA+CC,QAAQ,EAAEJ,aAAU;EAAE,CAAA;EAElGF,UAAAA,EAAAA,EAAC,EAAA,IAAA,SAAA,CAAA;;AAKZ"}

package/dist/client/{securitygroups-CdN4yAAw.mjs → securitygroups-o0IXZM6S.mjs}

@@ -6,9 +6,9 @@ var n = e("/_auth/projects/$projectId/network/securitygroups")({
 		crumb: { text: { id: "4opp4r" } }
 	},
 	component: t(() => import("./securitygroups-CtKne8UQ.mjs"), "component"),
-	errorComponent: t(() => import("./securitygroups-Cs2Op-tu.mjs"), "errorComponent")
+	errorComponent: t(() => import("./securitygroups-WLB1_IM6.mjs"), "errorComponent")
 });
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=securitygroups-CdN4yAAw.mjs.map
+//# sourceMappingURL=securitygroups-o0IXZM6S.mjs.map

package/dist/client/{securitygroups-CdN4yAAw.mjs.map → securitygroups-o0IXZM6S.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"securitygroups-CdN4yAAw.mjs","names":["createFileRoute","msg","Route","staticData","section","service","crumb","text","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n        >\n          {t`Back to Security Groups`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    crumb: { text: msg`Security Groups` },\n  } satisfies RouteInfo,\n  component: () => <Outlet />,\n  // Render errors from the security groups subtree inside the project layout\n  // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n  errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";AA0BA,IAAaE,IAAQF,EAAgB,mDAAA,CAAA,CAAqD;CACxFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,OAAO,EAAEC,MAAMN,EAAAA,IAAAA,SAAG,EAAkB;CACtC;CACAQ,WAASC,iDAAA,WAAA;CAGTE,gBAAcF,iDAAA,gBAAA;AAChB,CAAA"}
+{"version":3,"file":"securitygroups-o0IXZM6S.mjs","names":["createFileRoute","msg","Route","staticData","section","service","crumb","text","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups.tsx"],"sourcesContent":["import { createFileRoute, Outlet, useNavigate } from \"@tanstack/react-router\"\nimport { RouteIdLevelDefaultError } from \"@/client/components/Errors/RouteIdLevelDefaultError\"\nimport { Button } from \"@cloudoperators/juno-ui-components\"\nimport { msg } from \"@lingui/core/macro\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nconst SecurityGroupsErrorComponent = () => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const { projectId } = Route.useParams()\n\n  return (\n    <RouteIdLevelDefaultError\n      action={\n        <Button\n          variant=\"primary\"\n          onClick={() => navigate({ to: \"/projects/$projectId/network/securitygroups\", params: { projectId } })}\n        >\n          {t`Back to Security Groups`}\n        </Button>\n      }\n    />\n  )\n}\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups\")({\n  staticData: {\n    section: \"network\",\n    service: \"securitygroups\",\n    crumb: { text: msg`Security Groups` },\n  } satisfies RouteInfo,\n  component: () => <Outlet />,\n  // Render errors from the security groups subtree inside the project layout\n  // (side navigation, header, breadcrumbs) instead of the full-screen route error.\n  errorComponent: SecurityGroupsErrorComponent,\n})\n"],"mappings":";AA0BA,IAAaE,IAAQF,EAAgB,mDAAA,CAAA,CAAqD;CACxFG,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,OAAO,EAAEC,MAAMN,EAAAA,IAAAA,SAAG,EAAkB;CACtC;CACAQ,WAASC,iDAAA,WAAA;CAGTE,gBAAcF,iDAAA,gBAAA;AAChB,CAAA"}

package/dist/client/serviceCatalog-B3lKWC9V.mjs

@@ -0,0 +1,6 @@
+//#region src/client/utils/serviceCatalog.ts
+var e = (e, t) => Object.values(e).some((e) => e[t]);
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=serviceCatalog-B3lKWC9V.mjs.map

package/dist/client/serviceCatalog-B3lKWC9V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"serviceCatalog-B3lKWC9V.mjs","names":["hasServiceByName","serviceIndex","name","Object","values","some","byName"],"sources":["../../src/client/utils/serviceCatalog.ts"],"sourcesContent":["/**\n * Mirrors the backend's service resolution, which matches by NAME and ignores the\n * catalog type entirely (cephProcedure.ts:23 → ctx.openstack.service(\"ceph\");\n * swiftRouter.ts → service(\"swift\"); signal-openstack session.ts:95 takes only a name).\n * The old type-scoped lookups disagreed with it: Ceph lives in the catalog as\n * { type: \"object-store-ceph\", name: \"ceph\" }, so serviceIndex[\"object-store\"][\"ceph\"]\n * never matched, and a temporary Ceph availability fallback had to paper over it.\n */\nexport const hasServiceByName = (serviceIndex: Record<string, Record<string, boolean>>, name: string): boolean =>\n  Object.values(serviceIndex).some((byName) => byName[name])\n"],"mappings":";AAQA,IAAaA,KAAoBC,GAAuDC,MACtFC,OAAOC,OAAOH,CAAAA,CAAAA,CAAcI,MAAMC,MAAWA,EAAOJ,EAAK"}

package/dist/client/storageProviders-CJ5rOh13.mjs

@@ -0,0 +1,15 @@
+//#region src/client/utils/storageProviders.ts
+var e = {
+	SWIFT: "swift",
+	CEPH: "ceph"
+}, t = {
+	CONTAINERS: "containers",
+	BUCKETS: "buckets"
+}, n = {
+	[e.SWIFT]: t.CONTAINERS,
+	[e.CEPH]: t.BUCKETS
+}, r = (e) => typeof e == "string" && Object.hasOwn(n, e), i = (e, t) => r(e) ? e : t, a = (e) => n[e];
+//#endregion
+export { a, r as i, n, i as r, e as t };
+
+//# sourceMappingURL=storageProviders-CJ5rOh13.mjs.map

package/dist/client/storageProviders-CJ5rOh13.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"storageProviders-CJ5rOh13.mjs","names":["STORAGE_PROVIDER","SWIFT","CEPH","STORAGE_TYPE","CONTAINERS","BUCKETS","STORAGE_TYPE_BY_PROVIDER","isStorageProvider","value","Object","hasOwn","asStorageProvider","fallback","storageTypeFor","provider"],"sources":["../../src/client/utils/storageProviders.ts"],"sourcesContent":["/**\n * Single source of truth for the storage provider ↔ storage-type noun mapping\n * (`swift` → `containers`, `ceph` → `buckets`). Every route/component that needs\n * to build or validate a `/storage/$provider/$storageType` URL should go through\n * this module instead of re-hardcoding the pairing.\n */\n\n/**\n * The object-storage providers. The same spelling serves as the `$provider` URL\n * segment and as the OpenStack catalog service *name* the backend resolves by\n * (see `serviceCatalog.ts`), so one constant covers both uses.\n */\nexport const STORAGE_PROVIDER = {\n  SWIFT: \"swift\",\n  CEPH: \"ceph\",\n} as const\n\n/**\n * The `$storageType` URL segment noun each provider uses.\n *\n * Deliberately NOT the same vocabulary as the nav / `enabledServices` service keys\n * (`\"containers\"` / `\"ceph-containers\"`), which only happen to share the word\n * \"containers\" — Ceph's nav key is `\"ceph-containers\"`, never `\"buckets\"`. Don't\n * substitute one for the other.\n */\nexport const STORAGE_TYPE = {\n  CONTAINERS: \"containers\",\n  BUCKETS: \"buckets\",\n} as const\n\nexport const STORAGE_TYPE_BY_PROVIDER = {\n  [STORAGE_PROVIDER.SWIFT]: STORAGE_TYPE.CONTAINERS,\n  [STORAGE_PROVIDER.CEPH]: STORAGE_TYPE.BUCKETS,\n} as const\n\nexport type StorageProvider = keyof typeof STORAGE_TYPE_BY_PROVIDER\nexport type StorageType = (typeof STORAGE_TYPE_BY_PROVIDER)[StorageProvider]\n\n/**\n * Narrows an unknown value (typically a raw `$provider` URL segment) to a known\n * `StorageProvider`. Uses `Object.hasOwn` rather than `in` — `\"__proto__\" in obj`\n * evaluates to `true` for any object, which would let `/storage/__proto__/...`\n * pass validation.\n */\nexport const isStorageProvider = (value: unknown): value is StorageProvider =>\n  typeof value === \"string\" && Object.hasOwn(STORAGE_TYPE_BY_PROVIDER, value)\n\n/** Returns `value` narrowed to a `StorageProvider`, or `fallback` if it isn't one. */\nexport const asStorageProvider = (value: unknown, fallback: StorageProvider): StorageProvider =>\n  isStorageProvider(value) ? value : fallback\n\n/** The canonical storage-type noun for a given provider. */\nexport const storageTypeFor = (provider: StorageProvider): StorageType => STORAGE_TYPE_BY_PROVIDER[provider]\n"],"mappings":";AAYA,IAAaA,IAAmB;CAC9BC,OAAO;CACPC,MAAM;AACR,GAUaC,IAAe;CAC1BC,YAAY;CACZC,SAAS;AACX,GAEaC,IAA2B;EACrCN,EAAiBC,QAAQE,EAAaC;EACtCJ,EAAiBE,OAAOC,EAAaE;AACxC,GAWaE,KAAqBC,MAChC,OAAOA,KAAU,YAAYC,OAAOC,OAAOJ,GAA0BE,CAAAA,GAG1DG,KAAqBH,GAAgBI,MAChDL,EAAkBC,CAAAA,IAASA,IAAQI,GAGxBC,KAAkBC,MAA2CR,EAAyBQ"}

package/dist/client/trpcClient.d.ts

@@ -698,6 +698,43 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
             }[] | undefined;
             meta: object;
         }>;
+        listProjectsWithSearch: import('@trpc/server').TRPCQueryProcedure<{
+            input: {
+                searchTerm?: string | undefined;
+            };
+            output: {
+                id: string;
+                name: string;
+                enabled: boolean;
+                domain_id?: string | null | undefined;
+                parent_id?: string | null | undefined;
+                is_domain?: boolean | null | undefined;
+                tags?: string[] | null | undefined;
+                options?: Record<string, string | boolean> | null | undefined;
+                description?: string | null | undefined;
+                links?: {
+                    self?: string | null | undefined;
+                } | undefined;
+                domain_name?: string | undefined;
+                parents?: {
+                    project: {
+                        id: string;
+                        name: string;
+                        enabled: boolean;
+                        domain_id?: string | null | undefined;
+                        parent_id?: string | null | undefined;
+                        is_domain?: boolean | null | undefined;
+                        tags?: string[] | null | undefined;
+                        options?: Record<string, string | boolean> | null | undefined;
+                        description?: string | null | undefined;
+                        links?: {
+                            self?: string | null | undefined;
+                        } | undefined;
+                    };
+                }[] | undefined;
+            }[] | undefined;
+            meta: object;
+        }>;
         getProject: import('@trpc/server').TRPCQueryProcedure<{
             input: {
                 projectId: string;
@@ -1270,6 +1307,31 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
                     }[];
                     meta: object;
                 }>;
+                head: import('@trpc/server').TRPCQueryProcedure<{
+                    input: {
+                        project_id: string;
+                        bucketName: string;
+                    };
+                    output: {
+                        exists: true;
+                    };
+                    meta: object;
+                }>;
+                getState: import('@trpc/server').TRPCQueryProcedure<{
+                    input: {
+                        project_id: string;
+                        bucketName: string;
+                    };
+                    output: {
+                        status: "Enabled" | "Suspended" | "Unversioned";
+                        isVersioningEnabled: boolean;
+                        isEmpty: boolean;
+                        hasOnlyDeleteMarkers: boolean;
+                        hasOldVersionsOrDeleteMarkers: boolean;
+                        isPartialScan: boolean;
+                    };
+                    meta: object;
+                }>;
                 create: import('@trpc/server').TRPCMutationProcedure<{
                     input: {
                         project_id: string;
@@ -1436,6 +1498,24 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
                     };
                     meta: object;
                 }>;
+                deleteNonCurrentVersions: import('@trpc/server').TRPCMutationProcedure<{
+                    input: {
+                        project_id: string;
+                        containerName: string;
+                    };
+                    output: {
+                        errors: {
+                            key: string;
+                            versionId?: string | undefined;
+                            code?: string | undefined;
+                            message?: string | undefined;
+                        }[];
+                        deletedCount: number;
+                        errorCount: number;
+                        isPartial: boolean;
+                    };
+                    meta: object;
+                }>;
                 createFolder: import('@trpc/server').TRPCMutationProcedure<{
                     input: {
                         project_id: string;
@@ -1630,14 +1710,16 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
                     input: {
                         project_id: string;
                         bucket: string;
-                        folders: string[];
+                        prefix?: string | undefined;
+                        folders?: string[] | undefined;
                     };
                     output: {
                         prefix: string;
                         hasDeletedContent: boolean;
                         isFolderDeleted: boolean;
-                        folderDeleteMarkerVersionId?: string;
-                        folderMarkerVersionId?: string;
+                        isPartialScan: boolean;
+                        folderDeleteMarkerVersionId?: string | undefined;
+                        folderMarkerVersionId?: string | undefined;
                     }[];
                     meta: object;
                 }>;
@@ -2579,6 +2661,16 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
             output: string[];
             meta: object;
         }>;
+        getComputeApiVersion: import('@trpc/server').TRPCQueryProcedure<{
+            input: {
+                project_id: string;
+            };
+            output: {
+                version: string;
+                supportsDescription: boolean;
+            };
+            meta: object;
+        }>;
         getFlavorById: import('@trpc/server').TRPCQueryProcedure<{
             input: {
                 project_id: string;
@@ -2647,6 +2739,7 @@ export declare const trpcReactClient: TRPCClient<import('@trpc/server').TRPCBuil
                     rxtx_factor?: number | undefined;
                     "OS-FLV-EXT-DATA:ephemeral"?: number | undefined;
                     "os-flavor-access:is_public"?: boolean | undefined;
+                    description?: string | undefined;
                 };
             };
             output: {

package/dist/client/utils/serviceCatalog.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Mirrors the backend's service resolution, which matches by NAME and ignores the
+ * catalog type entirely (cephProcedure.ts:23 → ctx.openstack.service("ceph");
+ * swiftRouter.ts → service("swift"); signal-openstack session.ts:95 takes only a name).
+ * The old type-scoped lookups disagreed with it: Ceph lives in the catalog as
+ * { type: "object-store-ceph", name: "ceph" }, so serviceIndex["object-store"]["ceph"]
+ * never matched, and a temporary Ceph availability fallback had to paper over it.
+ */
+export declare const hasServiceByName: (serviceIndex: Record<string, Record<string, boolean>>, name: string) => boolean;